扫一扫分享
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>
<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>
jQuery(document).ready(function( $ ) {
$("#menu").mmenu();
});
手机预览