jQuery鼠标移动菜单滑动效果

所属分类:导航,媒体-水平导航,滑块和旋转

 44014  417  查看评论 (7)
分享到微信朋友圈
X
jQuery鼠标移动菜单滑动效果 ie兼容9

moveline

参数

height: 线条的高度

position:线条是否显示在内部   inner是在内部

color:线条的颜色  

animateTime:线条移动执行动画的时长

animateType:线条移动执行动画的类型   需要引入 jquery.easing.js, 不引入 jquery.easing.js的话,只需要设置为空就行了

zIndex:线条元素的z-index 属性   一般会用在线条高度全部覆盖在li上  让线条位于li的下方

customTop:是否自定义top的高度

top:线条top的值

randomColor:是否随机显示线条的颜色

randomOpacity:随机显示线条的透明度   (0 --- 1之间)

click:function(ret){}

列表点击之后出发的事件; 返回值为 ret(ret.ele和ret.index,分别是点击的元素和当前元素的索引);

相关插件-水平导航,滑块和旋转

动态导航菜单

jquery导航菜单制作一个类似熔岩灯jquery动画菜单效果,自适应导航菜单显示
  水平导航
 54244  439

jQuery滑动导航插件

jQuery滑动导航插件 左右多弹一点
  水平导航
 50869  434

导航滑动下拉

导航滑动下拉
  水平导航
 50631  415

水平导航条

可以上下切换的水平导航条
  水平导航
 45039  427

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

    超超小少 0
    2018/11/26 17:41:02
    如果一个页面引用多个导航的话,有一些bug,我在第一个导航加了click事件添加class,但是其他导航的也会跟着添加,有什么好的解决方法吗? 回复
    thePandaRabbit 0
    2018/4/18 11:05:01
    li里加上a标签就刷新了 停留效果既没有了 回复
    若兮相言 0
    2017/12/21 9:51:22

    鼠标hover哪个  下划线就停留在哪个导航栏 怎么弄

    回复
    唯一 0
    2017/12/8 12:34:05
    请问一下当屏幕大小改变的情况下,字体下面的动作条没有跟着一起移动, 回复
    张莽子― 0
    2017/6/9 18:12:30

    个人觉得还是有点小问题,动画效果应该加个延时,而且应该选择最后一个事件为最后的响应

        Bubble0
        2017/7/27 17:50:10

        默认选中第二个  怎么写啊

        0
        2017/11/23 17:23:15

        要选中的li加class="active";

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复