Simpler Sidebar 是一个简单的 jQuery 插件,可以创建用于菜单和导航的边框条,左右都可以。
0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值
HTML
侧边栏HTML代码:
<div class="sidebar" id="erdangjiade">
<div class="sidebar-wrapper" id="sidebar-wrapper">
<ul class="nav">
<li><a href="http://www.erdangjiade.com/">erdangjiade</a></li>
<li><a href="http://www.erdangjiade.com/js">js</a></li>
<li><a href="http://www.erdangjiade.com/js">素材</a></li>
<li><a href="http://www.erdangjiade.com/template">模板</a></li>
<li><a href="http://www.erdangjiade.com/js">联系</a></li>
</ul>
</div>
</div>
jQuery
$(function() {
$('#erdangjiade').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)’ } } | - |
友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群