線上實例 使用方法 下載 ...
線上實例
| 左邊欄 | 右邊欄 |
使用方法
<div class="txt">
<p class="btn">
<span id="toggle-sidebar">展 開</span>
</p>
<p>Simpler Sidebar 是一款簡單的 jQuery 側邊欄插件</p>
<p>請點擊按鈕查看效果</p>
</div>
<div class="sidebar" id="sucaihuo">
<div class="sidebar-wrapper" id="sidebar-wrapper">
<ul class="nav">
<li><a href="#">手冊網</a></li>
<li><a href="#">js</a></li>
<li><a href="#">素材</a></li>
<li><a href="#">模板</a></li>
<li><a href="#">聯繫</a></li>
</ul>
</div>
</div>
<script src="/api/jq/5733e36361fd7/js/jquery-1.11.3.min.js"></script>
<script src="/api/jq/5733e36361fd7/js/simpler-sidebar.min.js"></script>
<script>
$(function() {
$('#sucaihuo').simplerSidebar({
opener: '#toggle-sidebar',
sidebar: {
align: 'left',
width: 250
}
});
});
</script>
下載
