html页面右侧滚动,HTML5页面点击和左右滑动页面滚动

String path = request.getContextPath();

String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";

%>

HTML5测试

$(function() {

var startX, startY, endX, endY;

var showADID = 1;

document.getElementById("divADBox").addEventListener("touchstart", touchStart, false);

document.getElementById("divADBox").addEventListener("touchmove", touchMove, false);

document.getElementById("divADBox").addEventListener("touchend", touchEnd, false);

function touchStart(event) {

var touch = event.touches[0];

startY = touch.pageY;

startX = touch.pageX;

}

function touchMove(event) {

var touch = event.touches[0];

endX = touch.pageX;

}

function touchEnd(event) {

$("#img0" + showADID).hide();

showADID++;

if (showADID > 4) {

showADID = 1;

}

$("#img0" + showADID).show();

$("#spText").html("X轴移动大小:" + (startX - endX));

}

})

t1.png

t2.png

t3.png

t4.png

标签:

isp

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com

特别注意:本站所有转载文章言论不代表本站观点!

本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值