<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Promptu menu test page</title>
<link rel="stylesheet" type="text/css" href="promptumenu/promptumenu.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="promptumenu/jquery.promptu-menu.js"></script>
<script type="text/javascript">
$(function(){
$('ul.promptu-menu').promptumenu({width:400, height:150, rows: 1, columns: 4, direction: 'horizontal', pages: true});
$('ul.promptu-menu2').promptumenu({width:400, height:150, rows: 1, columns: 4, direction: 'horizontal', pages: false});
});
</script>
</head>
<body>
<h1>Promptu-menu test page</h1>
<ul class="promptu-menu">
<li><a href="http://github.com" class="tap_test"><img src="http://natrixnatrix89.net/72PNG/Books.png" alt="" /></a></li>
<li><img src="http://natrixnatrix89.net/72PNG/Browser.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Calculator.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Calendar.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Camera.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Clock.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Contacts.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Gallery.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/GMail.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Mail.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Maps.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Market.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Movie Studio.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Music.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Phone.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Settings.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Talk.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/YouTube.png" alt="" /></li>
</ul>
<ul class="promptu-menu2">
<li><a href="http://github.com" class="tap_test"><img src="http://natrixnatrix89.net/72PNG/Books.png" alt="" /></a></li>
<li><img src="http://natrixnatrix89.net/72PNG/Browser.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Calculator.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Calendar.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Camera.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Clock.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Contacts.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Gallery.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/GMail.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Mail.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Maps.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Market.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Movie Studio.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Music.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Phone.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Settings.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/Talk.png" alt="" /></li>
<li><img src="http://natrixnatrix89.net/72PNG/YouTube.png" alt="" /></li>
</ul>
</body>
</html>
js实现手机触屏左右滑动、上下滑动
5星 · 超过95%的资源 需积分: 42 181 浏览量
2013-01-05
17:35:08
上传
评论 10
收藏 46KB ZIP 举报 
promptu-menu.zip （21个子文件） 
promptu-menu promptumenu 
pagination1.png 1KB .svn tmp props prop-base text-base props 
all-wcprops 1KB entries 1KB prop-base pagination.png.svn-base 53B hand.ico.svn-base 53B pagelink.png.svn-base 53B pagination1.png.svn-base 53B pagination2.png.svn-base 53B text-base pagination.png.svn-base 2KB hand.ico.svn-base 3KB promptumenu.css.svn-base 554B pagelink.png.svn-base 619B pagination1.png.svn-base 1KB jquery.promptu-menu.js.svn-base 16KB pagination2.png.svn-base 1KB promptumenu.css 582B jquery.promptu-menu.js 16KB hand.ico 3KB pagination2.png 1KB
index.html 4KB jquery.js 70KB
- 1
- 2
- 3
- 4
- 5
- 6
前往页