一款非常不错的背景动画导航菜单插件,你可以改成自己需要的菜单样式。
淘建站为您提供更多_导航菜单_滑动导航_滑动_动画,在此特别感谢您对我们的支持与厚爱!
演示不了,点击反馈
下载 56 次
觉得不错,可打赏下作者
免费共享
HTML
<div class="nav">
<ul>
<li class="nav-item"><a href="http://www.sucaiq.com/" target="_blank">网站首页</a></li>
<li class="nav-item cur"><a href="http://www.sucaiq.com/" target="_blank">网站模板</a></li>
<li class="nav-item"><a href="http://www.sucaiq.com/" target="_blank">网站psd</a></li>
<li class="nav-item"><a href="http://www.sucaiq.com/" target="_blank">网页特效</a></li>
<li class="nav-item"><a href="http://www.sucaiq.com/" target="_blank">网站源码</a></li>
<li class="nav-item"><a href="http://www.sucaiq.com/" target="_blank">精选网址</a></li>
<li class="nav-item"><a href="http://www.sucaiq.com/" target="_blank">有问必答</a></li>
</ul>
<!--移动的滑动-->
<div class="move-bg"></div>
<!--移动的滑动 end-->
</div>引入jQuery.js和移动背景插件jquery.movebg.js
<script type="text/javascript" src="jquery.js"></script>
<script src="js/jquery.movebg.js"></script>调用movebg插件:
$(function() {
$(".nav").movebg({width: 120/*滑块的大小*/, extra: 40/*额外反弹的距离*/, speed: 300/*滑块移动的速度*/, rebound_speed: 400/*滑块反弹的速度*/});
})

