手机滑动应用
<div class="postcontent"><div id="cnblogs_post_body"> 浏览器的动画效果一般都是用js来控制元素的top,left,right,bottom等属性来实现，不过在移动浏览器上，鉴于对css3的支持，完全可以抢先使用css3 translate。不过需要注意的是，使用css translate在android上比较那个啥XX，在safari上，transalte2d的效果远远不如translate3d，所以，移动浏览器上，最好是使用translate3d来实现。手机滑动事件处理主要使用的是一个touch事件，在iOS上还有gusture事件，不过android现在还很悲剧。具体可以参考apple开发论坛，里面有详细说明。
当我们点击一个元素时，touchstart会最先触发，出发顺序：
touchstart&mdash;&mdash;mousedown&mdash;&mdash;click
<div class="cnblogs_code">测试代码<div id="test" style="width: 100%; height: 200px; background: red;"></div><div id="result"></div><script type="text/javascript"> var Time = {}; document.getElementById("test").addEventListener('touchstart',function(){ Time.t1 = (new Date()).getTime(); },false); document.getElementById("test").addEventListener('mousedown',function(){ Time.t2 = (new Date()).getTime(); },false); document.getElementById("test").addEventListener('click',function(){ Time.t3 = (new Date()).getTime(); document.getElementById("result").innerHTML = 'touchstart - mousedown = ' + (Time.t2 - Time.t1) + '<br />' 'mousedown - click = ' + (Time.t3 - Time.t2) ; },false);</script>
页:
[1]