建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

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

来源:易助科技网浏览量:15收藏

简介


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

(下载的附件附有DEMO)


侧边导航栏菜单的JQuery插件jquery.mmenu.js-示例图



使用


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/