利用jQuery实现斜式滑动导航



63 250 84



特效描述:利用jQuery实现 斜式滑动导航,利用jQuery实现斜式滑动导航

代码结构

1. 引入CSS

<link href="css/style.css" type="text/css" rel="stylesheet">

2. 引入JS

<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/jquery.bp.min.js" type="text/javascript"></script>

3. HTML代码

<div class="header">
<div class="wrap">
<ul class="nav lifl png">
<li><a class="n1" href="http://51qianduan.com" title="首页" style="background-position: 0px -127px; "></a></li>
<li><a class="n2" href="http://51qianduan.com" title=""></a></li>
<li><a class="n3" href="http://51qianduan.com" title="作品展示"></a></li>
<li><a class="n4" href="http://51qianduan.com" title="服务报价"></a></li>
<li><a class="n5" href="http://51qianduan.com" title="拍摄花絮"></a></li>
<li><a class="n6" href="http://51qianduan.com" title="新闻中心"></a></li>
<li><a class="n7" href="http://51qianduan.com" title="礼服展示"></a></li>
<li><a class="n8" href="http://51qianduan.com" title="联系我们"></a></li>
</ul>
</div>
</div>
<div style="text-align:center;clear:both"><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滚动导航菜单 滑动导航菜单 浮动导航菜单 导航切换 右键菜单 收缩导航菜单 html5动画导航菜单 flash导航菜单 滑动 滚动切换 滑动选项卡切换 选项卡切换 滑动手风琴 滑动星星打分 导航菜单 其他 图片滑动 图片切换 文字切换 导航菜单插件 文字导航菜单 鼠标滑过

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到