jQuery鼠标移动菜单滑动效果

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

 18241  106  查看评论 (6)
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自适应黑色三级下拉导航菜单代码
  水平导航
 27674  125

简易使用的导航栏

可用网站作为导航栏
  水平导航
 16448  133

jQuery三级滑块导航

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

jQuery响应式菜单导航栏

jQuery扁平化简洁响应式导航菜单
  水平导航
 27190  142

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币

    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";

    回复
取消回复
  短信接口