怎样用JQ写 鼠标离开事件，把红色的背景图片隐藏 显示出白色背景图片。

Question

<div class="nav">

    <ul class="text clearfix">

      <li class="beijing" id="img"><a href="about_us.html">公司历程</a></li>

      <li><a href="#">公司荣誉</a></li>

      <li><a href="#">公司目标</a></li>

      <li><a href="#">公司活动</a></li>

      <li><a href="#">公司名人</a></li> 

   </ul>

</div>

$(function(){

   $('.nav ul li').mouseleave(function(e){

   //$(this).show('background','url(img/nav4.png)') 

  $('.nav ul #img').hide('#img').css('background','url(img/nav4.png)')   

    

   })

  

   });

Answer 1

$(function(){     $(".nav li").hover(function(){         $(this).css({"background":"url('img/nav4.png')","color":"#fff"});     },function(){         $(this).css({"background":"#fff","color":"#000"});     }) })

Answer 2

    <style type="text/css">         .tags{background-image:url(img/nav3.png);width:100px;}     </style>     <div class="nav">         <ul class="text clearfix">             <li class="tags" id="img"><a href="about_us.html">公司历程</a></li>             <li class="tags"><a href="#">公司荣誉</a></li>             <li class="tags"><a href="#">公司目标</a></li>             <li class="tags"><a href="#">公司活动</a></li>             <li class="tags"><a href="#">公司名人</a></li>         </ul>     </div>     <script type="text/javascript">         $(function() {             $('.tags').mouseover(                         function() {                             $(this).css('background-image', 'url(img/nav4.png)');                         });//设置成红色图片，移入时显示红色图片             $('.tags').mouseleave(                     function() {                         $(this).css('background-image', 'url(img/nav3.png)');                     });//设置成白色图片，移出时显示白色图片         });     </script>不知道你要的是不是这个效果

Answer 3

来个最简单的方法: 方法一: 可以用纯粹的css实现，不用图片而用hover来控制，如: .menu { backgroynd: white } .menu:hover { background: red } 方法二: 如果一定要用jq来实现，并且使用背景图片，也利用css结合最简单，并且易于控制，如: .menu { background: url（path） otherAttr } .hover { background: url（path） otherAttr } 接下来只需要使用jq的addClass方法和removeClass方法把.hover添加或移除到.menu上即可，鼠标事件绑定可以用jq的bind方法一次绑定多个，不推荐一个个的绑，因为每次绑定都需要去找元素节点