MICUU
微资讯
声卡
创新2024全套教程
5.1声卡全套
创新声卡驱动
板载声卡调试全套教程
Sam机架安装
Sam机架
音效助手
专题
文档
技术文档汇总
站内文档
更多
软件
更新日志
关于
装机必备
Gramos模板
光年后台模板
Betube模板
美图
友情链接
站内导航
关于
搜索
退出登录
登录
原创
移动端侧边导航栏js插件SidebarJS下载及使用教程
2021-02-04
53.12w热度
侧边导航在移动设备上显得非常重要,它不仅能节约可视区域,同时又能起到很好的导航作用。越来越多的网站针对移动设备设计了侧边导航。如果你也想为的设计侧边导航,也许 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 "获取插件")
注:原创不易,转载请注明出处(
https://micuu.com/new/1387.html
),本站所有资源来源于网络收集,如有侵权请联系QQ245557979进行清除。
最后修改与 2022-02-22
上一篇:
PHP网站敏感词过滤功能
下一篇:
seo培训文件分享
留言反馈
请先登录
问题反馈渠道,如有软件无法下载或者其他问题可反馈。【由于某种原因,目前留言不展示】
用户需要登录后才能留言反馈
立即留言
珍藏视频
10分钟高效燃脂
30天高效瘦脸操
5分钟缓解颈椎操
友人
微博
全民K歌
唱吧
今日头条
悠悠网
科技小锅盖
彼岸桌面
阮一峰
laravel社区
V2ex
掘金
更多>