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

仿iPad/iPhone/Android手机图标式导航效果Promptumenu

菜单导航 HTML我帮您 1年前  次浏览
jquery Promptumenu实现仿iPad/iPhone/Android手机导航效果,当菜单导航超过一个屏幕时,会另动显示在下一个屏幕。 仿iPad/iPhone/Android手机图标式导航效果Promptumenu 可配置选项: Columns.默认3列. 可以更改 Rows. 默认4行. 可以更改 Direcion. 默认值: 'horizontal'(水平).支持水平'horizontal' 和 垂直'vertical'. Width. 宽度默认是'auto' Height. 高度默认是'auto'. Duration. 延时效果时间. Pages. 是否显示分页. Inertia. 值越少效果更快,更流畅.
<script type="text/javascript" src="promptumenu/jquery.promptumenu.min.js"></script>
<link rel="stylesheet" type="text/css" href="promptumenu/promptumenu.css" />
<script type="text/javascript">
	$(function(){
		$('ul').promptumenu();
	});
</script>
</head>

$('ul').promptumenu({
	width:500,
	height:500,
	rows: 4,
	columns: 4,
	direction: 'horizontal', //支持垂直和水平
	pages: true
});
   

相关链接

发表评论