求高手,怎么实现用JQJS 手机屏幕左右滑动的功能

JavaScript09

求高手,怎么实现用JQJS 手机屏幕左右滑动的功能,第1张

调用方法如下:

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

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

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

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

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

像这种需求你可以用js或者jQuery编写。

如果不想使用js或者jquery,那么用css的过渡属性代码如下:

鼠标滑入,出现效果

transition: right  .7s easeright为过渡的属性,可以是宽高,top/lelft/right/bottom/opacity等等。只要记住transition不能过渡display就行。.7s 为过渡所需要的时间,ease为过渡的样式,是匀速过渡还是先快后慢等等。

如果没有鼠标事件,那么就需要用到css3的动画,animation。css3的动画详情卡查看

可以引入很多开源库,比如zepto.js,zepto里面,有swipe、swipeLeft、swipeRight事件,分别在dom元素被滑动的时候触发,代码示例如下:

$('#items li').swipeLeft(function(){

    //前一页

})