1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93
|
<html>
<header>
<link rel="stylesheet" href="css/themes/default/jquery.mobile-1.2.0.css" />
<script src="js/jquery.js"></script>
<script src="docs/_assets/js/jqm-docs.js"></script>
<script src="js/jquery.mobile-1.2.0.js"></script>
<script>
document.documentElement.style.webkitTouchCallout = 'none';
</script>
<script type="text/javascript">
$(function() {
var int;
$("a#UP").mousedown(function() {
int = setInterval(performWhileMouse, 100);
}).mouseup(function() {
clearInterval(int);
});
});
function performWhileMouse() {
$.post("index.html", { direction: "UP"});
$("#output").append("<p>Mouse down</p>");
}
</script>
</header>
<body>
<!-- Home -->
<div id="output"></div>
<div id="page1" data-role="page">
<div data-role="content">
<div data-role="navbar" data-iconpos="top">
<ul>
<li>
<a class="ui-btn-active ui-state-persist" href="#page1" data-icon="" data-theme="a"
data-transition="fade">
<h1>Manual</h1>
</a>
</li>
<li>
<a href="#page1" data-icon="" data-theme="a" data-transition="fade">
<h1>Automatic</h1>
</a>
</li>
<li>
<a href="#page1" data-icon="" data-theme="a" data-transition="fade">
<h1>Options</h1>
</a>
</li>
</ul>
</div>
<div data-role="fieldcontain">
<br><br><br><br>
</div>
<div class="ui-grid-b">
<div class="ui-block-a">
</div>
<div class="ui-block-b">
<a href="" data-role="button" data-iconpos="top" data-icon="arrow-u"
data-theme="a" id="UP"><br><br><br><br><br><br>
</a>
</div>
<div class="ui-block-c">
</div>
<div class="ui-block-a">
<a href="" data-role="button" data-iconpos="left" data-icon="arrow-l"
data-theme="a" id="LEFT"><br><br><br><br><br><br><br><br>
</a>
</div>
<div class="ui-block-b">
</div>
<div class="ui-block-c">
<a href="" data-role="button" data-iconpos="right" data-icon="arrow-r"
data-theme="a" id="RIGHT"><br><br><br><br><br><br><br><br>
</a>
</div>
<div class="ui-block-a">
</div>
<div class="ui-block-b">
<a href="" data-role="button" data-iconpos="bottom" data-icon="arrow-d"
data-theme="a" id="DOWN"><br><br><br><br><br><br>
</a>
</div>
<div class="ui-block-c">
</div>
</div>
</div>
</div>
</body>
</html> |
Partager