米
首页
心情
图集
所有
搜索
登录
移动端侧边导航栏js插件SidebarJS下载及使用教程
2021-02-04
55.02w热度
侧边导航在移动设备上显得非常重要,它不仅能节约可视区域,同时又能起到很好的导航作用。越来越多的网站针对移动设备设计了侧边导航。如果你也想为的设计侧边导航,也许 SidebarJS 能帮到你,它能够很方便的制作侧边导航,你只需要写一个导航,然后绑定一个触发元素就可以了。 [获取插件](http://micuer.com/soft/sidebarjs.zip "获取插件") ### 使用方法: 1:引用文件 ``` <script src="js/jquery.min.js"></script> <script src="js/sidebar.js"></script> ``` 2:HTML ``` <div class="wrapper jsc-sidebar-content jsc-sidebar-pulled"> <div> <a href="#" class="icon-menu link-menu jsc-sidebar-trigger">按钮</a> </div> </div> <div class="sidebar jsc-sidebar" id="jsi-nav"> <ul class="sidebar-list"> <li><a href="###" class="current">SidebarJS</a></li> <li><a href="###">说明</a></li> <li><a href="###">下载</a></li> <li><a href="###">代码</a></li> <li><a href="###">dowebok.com</a></li> </ul> </div> ``` 3、JavaScript ``` $('#jsi-nav').sidebar({ trigger: '.jsc-sidebar-trigger' }); ``` 参数: |参数 |类型| 说明| 默认值| | ------------ | ------------ | |trigger | 字符串 | 触发对象,或者说是按钮开关 |true |scrollbarDisplay | 布尔值 | 侧栏导航展开后页面是否可以滚动 |false |pullCb | 函数 | 侧栏导航收起后的回调函数 |无 |pushCb | 函数 | 侧栏导航展开后的回调函数 |无 [获取插件](http://micuer.com/soft/sidebarjs.zip "获取插件")
注:原创不易,转载请注明出处(
http://www.micuu.com/new/1387.html
),本站所有资源来源于网络收集,如有侵权请联系QQ245557979进行清除。
最后修改与 2022-02-22
上一篇:
PHP网站敏感词过滤功能
下一篇:
seo培训文件分享
▶
珍藏视频
▶
10分钟高效燃脂
▶
30天高效瘦脸操
▶
5分钟缓解颈椎操
友人
→
微博
→
全民K歌
→
唱吧
→
今日头条
→
悠悠网
→
科技小锅盖
→
彼岸桌面
→
阮一峰
→
laravel社区
→
V2ex
→
掘金
+
更多