Simpler Sidebar 是一个简单的 jQuery 插件,可以创建用于菜单和导航的边框条,左右都可以。
淘建站为您提供更多_其它特效_jQuery插件_Sidebar_侧边栏，在此特别感谢您对我们的支持与厚爱！
查看演示
演示不了，点击反馈
加入收藏
下载 226 次
打赏作者
觉得不错，可打赏下作者
下载资源
免费共享
特别说明：本站资源来自网友发布分享，仅供学习与参考，请勿用于商业用途，若有侵权请联系删除(272966172@qq.com)。
HTML
侧边栏HTML代码：
<div class="sidebar" id="sucaiq">
<div class="sidebar-wrapper" id="sidebar-wrapper">
<ul class="nav">
<li><a href="http://www.sucaiq.com/">sucaiq</a></li>
<li><a href="http://www.sucaiq.com/js">js</a></li>
<li><a href="http://www.sucaiq.com/js">素材</a></li>
<li><a href="http://www.sucaiq.com/template">模板</a></li>
<li><a href="http://www.sucaiq.com/js">联系</a></li>
</ul>
</div>
</div>jQuery
$(function() {
$('#sucaiq').simplerSidebar({
opener: '#toggle-sidebar',
sidebar: {
align: 'left',
width: 250
}
});
});| 参数 | 描述 | 默认值 |
| opener | 按钮或图标的选择器，用来触发侧边栏 | en |
| attr | 为侧边栏添加 data 属性，即默认添加 data-simplersidebar=”disabled” / data-simplersidebar=”active” | simplersidebar |
| top | 设置侧边栏 top 值 | 0 |
| animation | 动画持续时间及动画方式，默认为： { duration: 500, easing: ‘swing’ } | - |
| sidebar | 设置侧边栏的属性，如位置、宽度等，默认为： { width: 350, gap: 64, closingLinks: ‘a’, css: { zIndex: 3000 } } | - |
| mask | 实现显示遮罩及设置遮罩属性：默认为： { display: true, css: { backgroundColor: ‘black’, opacity: 0.5, filter: ‘Alpha(opacity=50)’ } } | - |
