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全部内容。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。