在win7下实现多点触控方法:
首先,需要一台支持触摸特性的PC,目前市面上可选的产品主要有:
HP TouchSmart All-in-One PCs (IQ500 series &IQ800 series)。
HP TouchSmart tx2 Tablet PC。
Dell Latitude XT Tablet PC。
其次,需要安装最新的多点触摸驱动以使得屏幕能够识别触摸指示。不过这些驱动目前都是Beta阶段,而在正式发布之前都必须通过WHQL测试,我们目前无法保证所有预装Windows 7的机器都装有WHQL驱动。
HP TouchSmart All-in-One PCs :这款机器的驱动只需通过Windows Update即可完成。
Dell Latitude XT and HP TouchSmart tx2 Tablet PCs:可以在N-Trig’s website上下载。
在Windows 7 Beta中,很多特性都是与多点触摸相关的。
如画图中的油漆刷就可以用手指来控制,不过支持的手指数目取决于机器对多点触摸的支持,有些只支持2个,有些可以达到4个设置更多。
Windows 7画笔。
还有IE8中,用户可以用手指在任意地方向上或向下拖拽滚动网页,还可以用手指向左/右甩以完成前进/后退操作。另外,任务栏也是触摸优化过的,触摸的话用手指拖拽就可以打开Jumplists。
//选中条件 x1=横轴位置 y1=纵轴位置
var x1, x2, y1, y2
$(document).on("touchstart",".smallbox", function (e) {
// e.preventDefault()
var obj = $(this)
var position = $(this).offset()
x1 = position.left
x2 = position.left + obj.width()
y1 = position.top
y2 = position.top + obj.height()//触摸时将变量赋值
}).on("touchend", ".smallbox", function (e) {
var pos = e.originalEvent.changedTouches[0]
if (pos.pageX >= x1
&& pos.pageX <= x2
&& pos.pageY >= y1
&& pos.pageY <= y2) {//判断当前的点击位置是否在有效范围内
var obj = $(this)
if (obj.hasClass("active")) {
obj.removeClass("active")
} else {
obj.addClass("active")
}
}
e.preventDefault()
}).on("click", ".smallbox", function () {
var obj = $(this)
if (obj.hasClass("active")) {
obj.removeClass("active")
} else {
obj.addClass("active")
}
})
1、手机网站一般又称作WAP网站 , 而传统网站又称作Web网站,WAP网站可分为WAP1.X和WAP2.0网站。WAP1.X功能简单、界面粗糙,而WAP2.0的手机网站功能和界面都与Web网站相接近。WAP2.0的手机网站可以在电脑上直接用浏览器访问,而WAP1.X的网站,需要模拟器或者给浏览器安装相应的插件方可。2、3G网站是手机网站领域为迎合3G的推广而创造的概念,3G网站就是手机WAP网站。3G网站采用wap2.0编写,支持一些xhtml和CSS。
3、html5触屏版主要针对高端智能手机,可以给用户呈现华丽的网页视觉效果。HTML5触屏版采用最新的技术HTML5编写,属于智能机时代产物,因为智能手机的性能已经很强大了,可以直接加载html。