网页js左右滑动代码。

JavaScript018

网页js左右滑动代码。,第1张

<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()" />

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

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

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

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

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

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