鼠标滑动导航条图片或者背景变换代码

$(function () {
$(".warp ul li").hover(function () {
$(this).addClass("warplibg");
}, function () {
$(this).removeClass("warplibg");
})

})

 

 

 

<div class="warp clearfix">
<div class="logo"><a href="#"><img src="images/logo.png"></a></div>
<ul class="nav clearfix">
<li class="shouye">
<a href="#" title="首页"><span>首页</span></a>
</li>
<li>
<a href="/gongsijianjie/" title="公司简介" class="bg1"><span>公司简介</span></a>

</li>
<li>
<a href="/chanpinzonghui/" title="产品总汇" class="bg2"><span>案例产品</span></a>

</li>
<li>
<a href="/xinwenzixun/" title="新闻资讯" class="bg3"><span>新闻资讯</span></a>

</li>
<!--<li>
<a href="/gongchenganli/" title="工程案例" class="bg4"><span>工程案例</span></a>

</li>-->
<li>
<a href="/zhiliangtixi/" title="质量体系" class="bg5"><span>商务合作</span></a>

</li>
<li>
<a href="/lianxiwomen/" title="联系我们" class="bg6"><span>联系我们</span></a>

</li>
</ul>
</div>

转载于:https://www.cnblogs.com/wanshutao/p/3966127.html