jQuery鼠标移动菜单滑动效果

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

 15056  93  查看评论 (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导航
  水平导航
 18974  121

二级导航菜单

黑色加橙色下拉二级导航菜单
  水平导航
 22592  111

jquery下拉导航

可以下拉的导航
  水平导航
 29131  166

动态导航菜单

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

讨论这个项目(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";

    回复
取消回复