滑动切换图片

时间：2015-11-12 23:18:50 阅读：291 评论：0 收藏：0 [点我收藏+]

标签：

一、

onmousedown()->ontouchstart()

onmousemove()->ontouchmove()

onmouseup()->ontouchend()

click事件在移动端有300毫秒延迟

二、判断速度

Date.now();//html5记录当前时间

三、速度减慢发生跳跃

在超过图片部分时加

if(bBtn){
    bBtn = false;
    downX = touchs.pageX;          
}

三、防止滑动时误点击链接

四、移动端少用transition，可以用tween

五、去电点击a链接的黑影

-webkit-tap-highlight-color:rgba(255,0,0,0)

六、移动端移动考虑效率，用translateX/Y/Z代替position:absolute;left

标签：

原文地址：http://www.cnblogs.com/shytong/p/4960400.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行