jQuery多级菜单导航及个性滚动条

所属分类:导航-垂直导航

 12918  65  查看评论 (16)
jQuery多级菜单导航及个性滚动条 ie兼容8

实现多级垂直垂直导航,及个性滚动条slimScroll插件的使用注释

相关插件-垂直导航

Css多级侧边栏导航

纯Css多级侧边栏导航
  垂直导航
 9658  46

jquery淘宝电器左侧分类菜单

jquery淘宝电器左侧分类菜单,简单的导航悬停展示
  垂直导航
 16276  92

超酷的SVG左侧导航栏特效

超酷的SVG左侧导航栏特效(Cool SVG left navigation bar effects)
  垂直导航
 14442  133

jquery下拉菜单导航

jquery hover事件下拉菜单导航仿京东商城商品分类导航样式布局,通过鼠标滑过商品分类导航展示商品分类子菜单内容的效果
  垂直导航
 20087  63

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

    刘小样的呗 0
    2018/6/5 9:23:15
    IE8图标显示不出来
        ~?&?&点CJ0
        2018/6/14 13:25:22
        这是阿里巴巴图标导出的,兼容不是很好,可以下载https://www.thinkcmf.com/font/font_awesome/icons.html#new奥森图标
    回复
    丫头 0
    2018/5/16 13:52:38
    请问可以鼠标经过时弹出下拉吗
        ~?&?&点CJ1
        2018/6/14 13:26:17
        那只需要改变触发事件方式就可以的,
    回复
    √呵呵 0
    2018/4/16 15:05:52
    哦哦 卧槽 我找到相关用法了 我去 回复
    √呵呵 0
    2018/4/16 14:59:05
    我就很蛋疼,你的滚动条出来的时候 slimScrollBar slimScrollRail slimScrollDiv 这三个div是怎么出来的? 哪部分的代码是相关的呢?哎,看到了没,给我解答下吧.......
        ~?&?&点CJ0
        2018/6/14 13:27:01
        这是引用jquery.slimscroll.min.js的
    回复
    √呵呵 0
    2018/4/16 14:50:11
    大哥,在没,你的jquery.slimscroll.min.js里的代码用的闭包?.....我的js没学那么深呢,完全看不懂里面的逻辑,怎么改成在我的页面也能用这个插件呢。。。。。用的哪个类名?在哪调用的这个函数?
        ~?&?&点CJ1
        2018/6/14 13:29:17

        这个是现成的,网上下载就直接使用。

        $("#slimtest").slimScroll({
            width: '100%', //可滚动区域宽度
            height: '100%', //可滚动区域高度
            size: '6px', //组件宽度
            color: '#b4b5b5', //滚动条颜色
            position: 'right', //组件位置:left/right
            distance: '0px', //组件与侧边之间的距离
            start: 'top', //默认滚动位置:top/bottom
            opacity: 0.51, //滚动条透明度
            alwaysVisible: false, //是否 始终显示组件
            disableFadeOut: true, //是否 鼠标经过可滚动区域时显示组件,离开时隐藏组件
            railVisible: false, //是否 显示轨道
            railColor: '#e3e3e4', //轨道颜色
            railOpacity: .5, //轨道透明度
            railDraggable: true, //是否 滚动条可拖动
            railClass: 'slimScrollRail', //轨道div类名 
            barClass: 'slimScrollBar', //滚动条div类名
            wrapperClass: 'slimScrollDiv', //外包div类名
            allowPageScroll: true, //是否 使用滚轮到达顶端/底端时,滚动窗口
            wheelStep: 20, //滚轮滚动量
            touchScrollStep: 200, //滚动量当用户使用手势
            borderRadius: '7px', //滚动条圆角
            railBorderRadius: '7px' //轨道圆角
        });
    回复
    √呵呵 0
    2018/4/16 14:43:08
    这会儿我又发现,你的页面的class--slimtest1在jquery.slimscroll.min.js里面用到了,但我把我页面的相对应的div也加了个slimtest1的class 还是不起作用呢
        ~?&?&点CJ1
        2018/6/14 13:31:31
        需要把上一级块的添加 overflow: hidden;属性
    回复
    √呵呵 0
    2018/4/16 14:30:57
    你好,我想问一下,你的这个滚动条插件是怎么用的?哪部分的代码是滚动条的引用?现在只知道 jquery.slimscroll.min.js 是滚动条插件,在页面引用是 但只是这样,我引到自己的页面不起作用啊,其他哪里有相关的地方? 回复
    終愛妳壹生 0
    2017/11/27 11:02:46

    支持4级5级吗

        wsw19930
        2018/2/8 17:35:32
        请问你3级以后的显示效果一样吗
        ~?&?&点CJ1
        2018/6/14 13:33:25
        支持的,只是4,5级的字体和其他属性和三级一样的
    回复
    .Criss~? 0
    2017/10/31 10:30:36

    可以当成树   无限制级的 子节点吗

    回复
取消回复