怎么用js实现类似手机切屏的左右滑动的效果

JavaScript028

怎么用js实现类似手机切屏的左右滑动的效果,第1张

这是自己封装的原生js方法,为了偷懒,用了电jqurey。调用方法如下:

touchs._left(object)//往左滑动,

touchs._right(object)//往右滑动

touchs._top(object)//往上滑动

touchs._bottom(object)//往下滑动

说明:object的取值可以是一个id("#id")表达式,或者是一个样式表达式(".class"),或者标签的属性表达式("div[id=id]")等,只要可以用jqurey通过这个表达式获取到dom对象,这个表达式怎么写都可以。

ontouchmove 自己是做不到的

给你一个思路吧:

touchstart 触发过程中 记录touches的触点坐标

touchend 触发过程中通过 touches的触点坐标 和前一个坐标进行计算得出移动的方向和距离