Simpler Sidebar简单的 jQuery侧边栏插件

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

HTML

侧边栏HTML代码：

<div class="sidebar" id="sucaihuo">
    <div class="sidebar-wrapper" id="sidebar-wrapper">
        <ul class="nav">
            <li><a href="http://www.sucaihuo.com/">sucaihuo</a></li>
            <li><a href="http://www.sucaihuo.com/js">js</a></li>
            <li><a href="http://www.sucaihuo.com/js">素材</a></li>
            <li><a href="http://www.sucaihuo.com/template">模板</a></li>
            <li><a href="http://www.sucaihuo.com/js">联系</a></li>
        </ul>
    </div>
</div>

jQuery

$(function() {
    $('#sucaihuo').simplerSidebar({
        opener: '#toggle-sidebar',
        sidebar: {
            align: 'left',
            width: 250
        }
    });
});