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

JavaScript014

求高手，怎么实现用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(){

    //前一页

})