侧边导航栏菜单的JQuery插件jquery.mmenu.js

简介

jquery.mmenu.js是一款仿手机侧栏导航菜单的 jQuery 插件，拥有和手机一样的菜单体验及滑动子菜单。除此以外还提供了 wordpress 插件。

（下载的附件附有DEMO）

使用

1.  引入 jquery.js 、 mmenu.css 和 mmenu.js 文件

2.  HTML

<div id="page">
  <!--头部 start-->
  <header>
    <div class="l_tbn"><a href="#menu" class="glyphicon glyphicon-th-large"></a></div>
    标题
  </header>
  <!--头部 end-->
  
  <!--正文 start-->
  <div class="content">正文的内容</div>
  <!--正文 end-->
  
  <!--侧边菜单 start-->
  <nav id="menu">
    <ul>
      <li class="Selected"><a href="#">按钮1</a></li>
      <li><a href="#">按钮2</a></li>
      <li><a href="#">按钮3</a></li>
      <li><a href="#">按钮4</a></li>
      <li><a href="#">按钮5</a></li>
    </ul>
  </nav>
  <!--侧边菜单 end-->
 
</div>

3.  调用

<script type="text/javascript">
  $(function() {
    $('nav#menu').mmenu();
  });
</script>

相关链接

GitHub 地址：https://github.com/FrDH/mmenu-js

bootCDN 下载地址 ：https://www.bootcdn.cn/jQuery.mmenu/