jQuery背景可滑动的导航菜单

jQuery背景可滑动的导航菜单

一款非常不错的背景动画导航菜单插件,你可以改成自己需要的菜单样式。

淘建站为您提供更多_导航菜单_滑动导航_滑动_动画,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 56 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

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/*滑块反弹的速度*/});
})

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/219.html
jQuery背景可滑动的导航菜单 希望对你有帮助,感谢您的支持!
  • modernizr html5图片预加载瀑布流布局鼠标悬停动画效果

    modernizr html5图片预加载瀑布流布局鼠标悬停动画效果

  • js淘宝kissy框架制作千百汇家居购物商城购买引导动画效果

    js淘宝kissy框架制作千百汇家居购物商城购买引导动画效果

  • jQuery css3动画分步指引插件guide分步引导页面功能...

    jQuery css3动画分步指引插件guide分步引导页面功能...

  • jquery表单步骤流程导航一步一步填写表单提交信息代码

    jquery表单步骤流程导航一步一步填写表单提交信息代码

  • 原生js代码制作滑动步骤流程向导

    原生js代码制作滑动步骤流程向导

  • 回到顶部动画效果

    回到顶部动画效果

  • jquery酷炫的QQ浏览器引导页动画代码

    jquery酷炫的QQ浏览器引导页动画代码

  • html5动漫风格的引导页加载动画特效

    html5动漫风格的引导页加载动画特效

  • jquery制作创建单页动画404页面

    jquery制作创建单页动画404页面

  • html5 svg适用于手机端播放器按钮动画特效

    html5 svg适用于手机端播放器按钮动画特效

  • jQuery仿qq投票统计动画效果

    jQuery仿qq投票统计动画效果

  • jQuery单击div更改背景颜色

    jQuery单击div更改背景颜色

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2