<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>TouchIt Demo</title> <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,height=device-height,width=device-width,user-scalable = no"> <script src="./jquery-2.0.3.js" type="text/javascript"></script> <script src="http://glyde.eu/touchit-1.0.0.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $( "#touch" ).touchit({ onTouchStart: function (x, y) { $("#touched").text('Touch Start ' + x + ':' + y); }, onTouchMove: function (x, y) { $("#touched").text("Touch Move " + x + ':' + y); }, onTouchEnd: function (x, y) { $("#touched").text("Touch End " + x + ':' + y); }, onDoubleTap: function (x, y) { $("#touched").text("Double Tap " + x + ':' + y); }, onPinch: function (scale) { $("#touched").text("Pinch " + scale); } }); }); </script> </head> <body style="margin:0px;"> <span id="touched" style="width:10px;height:10px; ">Touch and pinch the blue square...</span> <div id="touch" style="width:250px;height:250px;background: blue; "></div> </body> </html>
相关推荐
<%= in_place_editor_field :post, :title, {}, {:field_type => 'textarea', :textarea_cols => 25, :textarea_rows => 10}%> <%= in_place_editor_field :post, :title, {}, {:field_type => 'textarea', :...
<div class="shiyan"> <ul class='ul_before'> <li data_arry='1'><img ></li> <li data_arry='10'><img ></li> <li data_arry='2'><img ></li> <li data_arry='3'><img ></li> <li data_arry='5'><img ></li>...
node.js ,jquery_mobile.js,node.js ,jquery_mobile.js
jQuery_Mobile中文手册.pdf。详细介绍了移动开发中使用jQuery_Mobile技术来代替老式的手机CS软件开发。 jQuery_Mobile就是手机端的BS开发模式。
jquery新闻图片切换 <DIV id="banner" class="banner"> <DIV id="banner_bg" class="banner_bg"></DIV> ...target="_blank"><IMG alt="4牡丹花开富贵图4" src="jquery新闻图片切换_files/4.jpg"></A></DIV> </DIV>
JQuery_Mobile_资源包
jQuery_Mobile的中文api手册,做移动开发的同学必备。
jQuery_Mobile使用指南
jQuery Mobile 提供了一系列针对触摸操作友好的 ui 组件和基 于 ajax 的导航系统来支持动画的页面转场。构建一个自己的 jQuery Mobile 页面是非常容易的
JQUERY_mobile手机开发 手机网站开发 APP开发
jQuery_api_for_dwcs5为dw安装jquery插件: 压缩包有说明,自己看吧
jQuery_Mobile中文API手册+PDF+HTML+CHM 三合一
jQuery_Mobile文档[参照].pdf
jQuery_Mobile_(HTML5)入门教程第二篇
前端投资组合 只是一些东西让我忙;) Website_01 ====> ** html,css,vanilla js ** Website_02 ====> ** html,css,引导程序 Website_03 ====> ** html,css,js... Website_07 ====> ** html,jQuery,mous.JS **