jQuery.mmenu

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(); 

}); 

网站地址:http://mmenu.frebsite.nl/

GitHub:https://github.com/FrDH/jQuery.mmenu

网站描述:一款仿手机侧栏导航菜单的 jQuery 插件

jQuery.mmenu

官方网站：http://mmenu.frebsite.nl/