jQuery.mmenu

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

用法

引入文件

<!-- 引入 jQuery.mmenu.css -->
<link type="text/css" href="jquery.mmenu.all.css" rel="stylesheet" />

<!-- 引入 jQuery 和 jQuery.mmenu.js -->
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.mmenu.all.min.js"></script>

HTML

<div class="page">
   <div class="header">
      <a href="#menu"></a>
      Demo
   </div>
   <div class="content">
      <p>这是一个测试页面<br />
         点击 menu 图标打开菜单</p>
   </div>
</div>

<!-- 菜单 -->
<nav id="menu">
   <ul>
      <li><a href="/">Home</a></li>
      <li><a href="/about">About us</a>
         <ul>
            <li><a href="/about/history">History</a></li>
            <li><a href="/about/team">The team</a></li>
         </ul>
      </li>
   </ul>
</nav>

JS

jQuery(document).ready(function( $ ) {
   $("#menu").mmenu(); 

}); 

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://web.fly63.com/nav/1094