鼠标滑动导航条图片或者背景变换代码
2014-09-11 11:44
232 查看
$(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>
$(".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>
相关文章推荐
- 响应鼠标变换表格背景或者颜色的代码
- CSS+JS控制鼠标滑向表格变换背景图片代码
- 响应鼠标变换表格背景或者颜色的代码
- 鼠标经过背景图片变换
- 鼠标图片icon(选中物体变换图片)C#代码
- 网页中图片或者表格等元素用鼠标随意拖拽的JS代码[摘抄]
- IE、火狐浏览器鼠标滑动事件改变背景图片和改变不同显示信息
- jQuery实现基于鼠标滑动改变按钮背景图片、文字
- 滑动的导航,背景图片或者边框滑动效果
- 鼠标触发图片变换背景
- 简单的鼠标滑动上去图片放大Jquery特效代码
- CSS代码鼠标经过图片变换图片
- 代码: CSS3动画,简单示例(鼠标移上去后,背景图片旋转)
- CSS代码实现鼠标移过更换背景图片
- 鼠标在图片上滚动放大或者缩小图片的代码
- 鼠标在图片上滚动放大或者缩小图片的代码
- 鼠标滑动导致图片从模糊转清晰的效果
- 想用JS写一段鼠标拖拽调整图片大小的代码(未完)
- 鼠标悬停时反白显示的导航条代码(原创)
- IE6下图片作为背景时鼠标操作抖动的问题