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

JavaScript019

怎么用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对象，这个表达式怎么写都可以。

js的touchstart没有触发，可以在touchstart的时候调用下event.preventDefault()，即可让其他事件都正常被触发了。js的左右上下滑动触屏事件，主要有三个事件：touchstart，touchmove，touchend。

<script>

var show = 0

function leftRun(){

show-=100

document.getElementById("b").style.marginLeft = show+"px"

}

function leftRun(){

show+=100

document.getElementById("b").style.marginRight= show+"px"

}

</script>

<div id="a" width="500">

<div id="b" width="1000">

正文内容

</div>

</div>

<input type="button" id="leftRun" onclick="leftRun()" />

<input type="button" id="rightRun" onclick="rightRun()" />