用Jquery如何改变鼠标移过去和移出来的背景图片?

用Jquery如何改变鼠标移过去和移出来的背景图片?
页面加载默认是首页,如上图,当我鼠标移到产品中心的时候,产品中心背景变绿,首页变白;当我移开鼠标的时候,效果还原到原来的样子,怎么弄呢?
代码如下:



你先在样式里写好li的背景,然后在写一个绿色的背景样式类,

鼠标划过的时候先移除所有这个class在在这个划过的li上添加这个class,就可以了。

当然你也可以把样式祥差写在a标签上


$("#navi1"告告).hover(function(){
$(this).css("background","url(图片地址1)");
},function(){
$(this).css("background","url(图片地址2)");
});
hover鼠标滑蔽移出事件,里面定义了两个方法,没有测试过袜让明,你试试看。
#tbNavi 卖宴衫a { 中腔background:...}
#tbNavi 祥兆a:hover { background:...}

← 上一篇: 下一篇: →