网页js左右滑动代码。

JavaScript017

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

您好,请问您是安卓的设备吗?若是,如您需要关闭左右滑屏前进后退功能,建议您可以打开uc浏览器-菜单-设置--网页浏览设置-关闭左右滑屏前进后退即可。以上若无法解决您的问题,或者理解错了您的意思,请尽快联系我们的在线客服反馈喔:打开uc浏览器菜单--设置--帮助与反馈--页面底部--在线人工客服(早上9:00~晚上12:00)

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

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

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

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

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

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