怎样用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方法一次绑定多个，不推荐一个个的绑，因为每次绑定都需要去找元素节点