fly63前端网

www.fly63.com

首页文章资源工具教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下
搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

关闭

提交网站

jQuery.mmenu
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:http://mmenu.frebsite.nl/
GitHub:https://github.com/FrDH/jQuery.mmenu
网站描述:一款仿手机侧栏导航菜单的 jQuery 插件

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

}); 

链接: https://fly63.com/nav/1094

more>>
相关栏目
jQuery之家
致力于搜集和整理各种jQuery插件,jQuery特效...
官网
fullPage.js
jQuery全屏滚动插件
官网GitHub
Waterfall.js
瀑布流无限加载插件
官网GitHub
Raty
一个非常棒的jQuery 评分插件
官网GitHub
Bootstrap-waterfall
一款基于Bootstrap仿Pinterest网站的网格瀑布流插件
官网GitHub
Jcrop
一个功能强大的 jQuery 图像裁剪插件
官网GitHub
jcarousel
jQuery轮播图插件
官网GitHub
Parallax.js
一款jQuery滚动视觉差插件
官网GitHub
vegas
一个jQuery / Zepto幻灯片插件
官网GitHub
paroller.js
一款轻量级的页面滚动视觉差特效jquery插件
官网GitHub
lazyload.js
jquery图片懒加载插件
官网GitHub
alertify.js
jQuery酷炫的各种消息提示插件
官网GitHub
pickadate.js
一个轻量级的 jQuery 日期选择插件
官网GitHub
chosen.js
基于jquery的下拉选择框美化插件
官网GitHub
threesixty.js
360度产品图片预览jQuery插件
官网GitHub
textillate.js
实现动感的 CSS3 文本动画的简单插件
官网GitHub

手机预览