jQuery手机全屏上下滑动滚屏插件touchSwipe

插件touchSwipe可监听单个和多个手指触摸,鼠标按着左键拖动等事件,因此插件可以实现滑动滚屏、缩放等效果。
特点:

1、监听滑动的4个方向:上、下、左、右;

2、监听多个手指收缩还是外张;

3、支持单手指或双手指触摸事件;

4、支持单击事件touchSwipe对象和它的子对象;

5、可定义临界值和最大时间来判断手势的实际滑动;
6、滑动事件有4个触发点:“开始”,“移动”,“结束”和“取消”;

7、结束事件可以在手提释放或是快速达到临界值时触发;

8、允许手指刷和页面滚屏;

9、可禁用户通过输入元素(如:按钮、表单、文本框等)触发事件;

官方网站:
http://labs.rampinteractive.co.uk/touchSwipe
http://labs.rampinteractive.co.uk/touchSwipe/docs

https://github.com/mattbryson/TouchSwipe-Jquery-Plugin

中文网站:

http://www.swiper.com.cn/

备用下载:

http://pan.baidu.com/s/1sjrDFXj

$(function() {      
  $("#test").swipe( {
    swipe:function(event, direction, distance, duration, fingerCount, fingerData) {//
      console.log(  event, direction, distance, duration, fingerCount, fingerData   );
                  //事件 , 方向 ,位移(像素),时间(毫秒),手指个数 ,
    },
    threshold:0 ,
    fingers:'all' ,
    excludedElements:"button, input, select, textarea, .noSwipe"
  });
});

发表评论

邮箱地址不会被公开。 必填项已用*标注