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/

如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。

查看更多关于jQuery.mmenu的详细内容...