码迷,mamicode.com
首页 > Web开发 > 详细

jQuery Sidebar 侧边栏

时间:2016-10-08 09:29:50      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:

在线实例

左边栏 右边栏

使用方法

    <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>

  

 

jQuery Sidebar 侧边栏

标签:

原文地址:http://www.cnblogs.com/niuboren/p/5937348.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!