当前位置:   article > 正文

手机页面常用到的jQuery Sidebar 侧边栏

sidebar jquery

在线实例

使用方法

  1.     <div class="txt">
  2.             <p class="btn">
  3.                 <span id="toggle-sidebar">展 开</span>
  4.             </p>
  5.             <p>Simpler Sidebar 是一款简单的 jQuery 侧边栏插件</p>
  6.             <p>请点击按钮查看效果</p>
  7.         </div>
  8.         <div class="sidebar" id="sucaihuo">
  9.             <div class="sidebar-wrapper" id="sidebar-wrapper">
  10.                 <ul class="nav">
  11.                     <li><a href="#">手册网</a></li>
  12.                     <li><a href="#">js</a></li>
  13.                     <li><a href="#">素材</a></li>
  14.                     <li><a href="#">模板</a></li>
  15.                     <li><a href="#">联系</a></li>
  16.                 </ul>
  17.             </div>
  18.         </div>
  19.         <script src="/api/jq/5733e36361fd7/js/jquery-1.11.3.min.js"></script>
  20.         <script src="/api/jq/5733e36361fd7/js/simpler-sidebar.min.js"></script>
  21.         <script>
  22.             $(function() {
  23.                 $('#sucaihuo').simplerSidebar({
  24.                     opener: '#toggle-sidebar',
  25.                     sidebar: {
  26.                         align: 'left',
  27.                         width: 250
  28.                     }
  29.                 });
  30.             });
  31.         </script>
复制

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/爱喝兽奶帝天荒/article/detail/777651
推荐阅读
相关标签
  

闽ICP备14008679号