早教吧 育儿知识 作业答案 考试题库 百科 知识分享

jq根据鼠标滑动添加js123如上,用jq默认给第一个添加classon,然后鼠标滑过第二个,则第一个的on取消,第二个加上,类推~

题目详情
jq 根据鼠标滑动添加js


如上,用jq默认给第一个 添加class on ,然后鼠标滑过第二个,则第一个的on取消,第二个加上,类推~
▼优质解答
答案和解析
jquery 是不是呀 jq我听不懂呀

each 函数 和 mouseenter mouseleave

<HEAD>
<TITLE> New Document </TITLE>
<style>
.on{padding:15px 10px; font-weight:bold;color:red;}
.off{padding:0px 0px; font-weight:thin;color:black;}
</style>
<script type="text/javascript" src="jquery-1.8.0.js"></script>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script>
jQuery(function($) { 
   $('#nav a').each(function(){
    $(this).bind('mouseenter mouseleave',function(){
    $(this).toggleClass("on");
    });
    });
});
</script>
</HEAD>
<BODY>
 <div id="nav">
 <Li>
  <a>1</a>
 </li>
 <Li>
  <a>2</a>
 </li>
 <Li>
  <a>3</a>
 </li>
</div>
</BODY>