jQuery滑动导航插件

所属分类:导航-水平导航

 50409  434  查看评论 (30)
分享到微信朋友圈
X
jQuery滑动导航插件 ie兼容6

插件使用简单,兼容性好。

给  $.silder() 方法传入li即可;

相关插件-水平导航

简易使用的导航栏

可用网站作为导航栏
  水平导航
 37836  424

jQuery响应式菜单导航栏

jQuery扁平化简洁响应式导航菜单
  水平导航
 59920  467

jquery鼠标控制背景滑动的网站导航

jquery鼠标控制背景滑动的网站导航,跟随鼠标,可随意设置背景滑块样式,使用方便
  水平导航
 45371  430

jQuery三级滑块导航

实用的三级水平导航,鼠标跟随以及涟漪效果
  水平导航
 30657  350

讨论这个项目(30)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    杜银龙 0
    2019/8/29 22:49:30
    你好,请问下载后怎么用? 回复
    梦若轻莲 0
    2018/7/24 13:28:17
    请问这个能加二级导航吗
    回复
    是我的海 1
    2018/6/24 17:26:42

    代码太长帮你精简了下

    //js部分
    !(function($) {
        $.fn.extend({
            slider: function() {
                $("<li id='bgli'></li>").appendTo($(this).parent());
                $(this).hover(function() {
                    $("#bgli").stop().animate({
                        left: $(this).position().left
                    });
                })
            }
        })
    })(jQuery);
    
    //初始化时
    $(function() {
        $("#box>ul li").slider()
    })

    这样会治好很多强迫症的

    回复
    花落,中秋 0
    2018/3/29 14:20:04
    如果加多个二级导航的那就更好了 回复
    jalili 0
    2017/11/4 11:47:37

    什么还要什么B????有没有一点分享精神

    回复
    曲径通幽处禅房草木深 0
    2017/10/28 10:57:25
    Jie 0
    2017/10/11 16:50:06
    fgsdrhhd 0
    2017/9/21 10:09:42

    不错,值得借鉴

    回复
    自由 0
    2017/8/23 8:22:23

    很不错,能学到很多东西。

    回复
    风中追风 0
    2017/8/7 22:39:42
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复