jQuery功能强大的侧边栏插件simpler-sidebar

使用方法

1.引入必要文件

<script src="js/jquery.min.js"></script>
<script src="js/simpler-sidebar.min.js"></script>

2.HTML上使用

<div class="sidebar main left" id="sidebar-main">
      <div class="wrapper">
        <nav>
          <ul>
            <li class="title">Playground</li>
            <li><a href="#">Home</a></li>
            <li><a href="#">Right</a></li>
            <li><a href="#">Right Top</a></li>
            <li><a href="#">Left</a></li>
            <li><a href="#">Left Top</a></li>
            <li><a href="#">jQuery v2</a></li>
          </ul>
        </nav>
      </div>
    </div>

3.实例化(初始化)

$( "document" ).ready( function() {
    var $mainSidebar = $( "#sidebar-main" );
    $mainSidebar.simplerSidebar( {
        attr: "sidebar-main",
        selectors: {
            trigger: "#sidebar-main-trigger",
            quitter: ".quitter"
        },
        animation: {
            easing: "easeOutQuint"
        }
    } );
} );
更新时间 2020-05-13 09:38:50,本资源已通过Awesomes审核检验,请放心使用!
如下载遇到问题,请联系客服解决
下载地址
此插件下载需要0A币,请登录后进行下载。
请文明评论,与人为善,比聪明更重要!
评论