简介

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/