页面特效 UI组件库 菜单导航 窗口特效 幻灯片滑动 图像相册 表单 选项卡 表格 评分星级 手风琴 文本链接 布局 日历 颜色选择器 按钮 图表 html5 提示 ExtJS 在线客服 其他特效 地图 树形控件 移动开发 BootStrap 滑动条 文件上传 表单验证 分页 播放器 Angular

jquery类似App的移动左侧滑动菜单mmenu(推荐)

jQuery.mmenu插件是一款用于创建类似App的左侧滑动菜单的jQuery插件,只需要一行JavaScript代码就能为您的移动网站加上类似移动应用程序外观的滑动菜单。jQuery.mmenu 还提供了几个选项用于定制需要的菜单。在标题打开左侧菜单中点击“菜单”按钮。打开第二级菜单时,非常友好的滑动效果替换左侧菜单位置。

jquery类似App的移动左侧滑动菜单mmenu(推荐)

特点
移动网站菜单首先插件
HTML5实现用户体验好的菜单
头部搜索定位菜单位置
作出充分反应生成带有 SCSS 的 CSS 框架。
创建滑动面板菜单一样容易。
菜单可以正面或下一页页的顶部、 底部或左边,在后面,定位。
使用滑动水平或扩大垂直的子菜单。
打开菜单,通过拖动页出视区。
很好地与jQuery。
添加标题、 标签、 计数器和甚至搜索字段。
完全可应用主题通过更改背景色。
应用在所有主要浏览器上的工程。
充满了用于自定义菜单的选项。

使用SCSS来轻松地创建自定义的菜单

<nav id="menu">
	<ul>
		<li><a href="http://www.html580.com">
		<i class="i-home i-small"></i>首页
		</a>
		</li>
		<li><a href="http://www.html580.com/about">
		<i class="i-home i-small"></i>关于我们</a>
		</li>
		<li><a href="http://www.html580.com/donate">
		<i class="i-blog i-small"></i>捐助支持</a>
		</li>
		<li><a href="http://www.html580.com/page">
		<i class="i-gallery i-small"></i>页面特效</a>
		</li>
	</ul>
</nav>
<link type="text/css" rel="stylesheet" href="jquery.mmenu.all.css" />
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.mmenu.min.all.js"></script>
<script type="text/javascript">
$('nav#menu').mmenu({
	searchfield : true,
	slidingSubmenus: true
});
</script>

相关链接

发表评论