jquery实现相册一下滑动两次的方法


Posted in Javascript onFebruary 09, 2015

本文实例讲述了jquery实现相册一下滑动两次的方法。分享给大家供大家参考。具体实现方法如下:

var t1=null; //定义为全局变量

$('body').on('touchstart', '#gallerySlider img', function(e){
var touch = e.originalEvent,
startX = touch.changedTouches[0].pageX;
if (t1 == null){
    t1 = new Date().getTime();
}else{    
    var t2 = new Date().getTime();
    if(t2 - t1 < 500){
      t1 = t2;
      return;
    }else{
      t1 = t2;
    }
}

slider.on('touchmove',function(e){
event.stopPropagation();
touch = e.originalEvent.touches[0] ||
e.originalEvent.changedTouches[0];

if(touch.pageX - startX > 10){
slider.off('touchmove');
showPrevious();
}
else if (touch.pageX - startX < -10){
slider.off('touchmove');
showNext();
}
});
return false;
}).on('touchend',function(){
slider.off('touchmove');
});

当手指滑动开始的时候记录下时间,结束的时候在记录下时间,如果两个时间差相隔很近,就结束。

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
js 一个关于图片onload加载的事
Nov 10 Javascript
基于Jquery实现万圣节快乐特效
Nov 01 Javascript
Bootstrap下拉菜单效果实例代码分享
Jun 30 Javascript
BootStrap table表格插件自适应固定表头(超好用)
Aug 24 Javascript
mui开发中获取单选按钮、复选框的值(实例讲解)
Jul 24 Javascript
Vue波纹按钮组件制作
Apr 30 Javascript
Vue项目引进ElementUI组件的方法
Nov 11 Javascript
vue-cli构建vue项目的步骤详解
Jan 27 Javascript
Angular8引入百度Echarts进行图表分析的实现代码
Nov 27 Javascript
vue项目配置同一局域网可使用ip访问的操作
Oct 23 Javascript
nginx配置域名后的二级目录访问不同项目的配置操作
Nov 06 Javascript
JavaScript字符串转数字的简单实现方法
Nov 27 Javascript
js点击选择文本的方法
Feb 09 #Javascript
JS动态加载当前时间的方法
Feb 09 #Javascript
JavaScript实现Java中StringBuffer的方法
Feb 09 #Javascript
angularJS 入门基础
Feb 09 #Javascript
javascript中函数作为参数调用的方法
Feb 09 #Javascript
javascript自动生成包含数字与字符的随机字符串
Feb 09 #Javascript
angularJS 中$scope方法使用指南
Feb 09 #Javascript
You might like
php实现mysql数据库操作类分享
2014/02/14 PHP
php一维二维数组键排序方法实例总结
2014/11/13 PHP
Smarty日期时间操作方法示例
2016/11/15 PHP
php实现mysql连接池效果实现代码
2018/01/25 PHP
php5.x禁用eval的操作方法
2018/10/19 PHP
Thinkphp框架使用list_to_tree 实现无限级分类列出所有节点示例
2020/04/04 PHP
this[] 指的是什么内容 讨论
2007/03/24 Javascript
JS运行耗时操作的延时显示方法
2010/11/19 Javascript
基于jquery实现的可编辑下拉框实现代码
2014/08/02 Javascript
jQuery Html控件基本操作(日常收集整理)
2016/03/11 Javascript
Ionic + Angular.js实现图片轮播的方法示例
2017/05/21 Javascript
利用javascript如何随机生成一定位数的密码
2017/09/22 Javascript
jQuery使用zTree插件实现可拖拽的树示例
2017/09/23 jQuery
echarts实现地图定时切换散点与多图表级联联动详解
2018/08/07 Javascript
Vuejs2 + Webpack框架里,模拟下载的实例讲解
2018/09/05 Javascript
微信小程序页面间跳转传参方式总结
2019/06/13 Javascript
微信小程序实现下拉框功能
2019/07/16 Javascript
JS面向对象编程基础篇(三) 继承操作实例详解
2020/03/03 Javascript
[06:45]DOTA2-DPC中国联赛 正赛 Magma vs LBZS 选手采访
2021/03/11 DOTA
Python实现批量将word转html并将html内容发布至网站的方法
2015/07/14 Python
python运行其他程序的实现方法
2017/07/14 Python
Python读取properties配置文件操作示例
2018/03/29 Python
python3 tkinter实现点击一个按钮跳出另一个窗口的方法
2019/06/13 Python
解决.ui文件生成的.py文件运行不出现界面的方法
2019/06/19 Python
Python 一键获取百度网盘提取码的方法
2019/08/01 Python
Python Web框架之Django框架Form组件用法详解
2019/08/16 Python
Python有参函数使用代码实例
2020/01/06 Python
基于python实现把json数据转换成Excel表格
2020/05/07 Python
基于python实现坦克大战游戏
2020/10/27 Python
加拿大著名时装品牌:SOIA & KYO
2016/08/23 全球购物
俄罗斯最大的灯具网站:Fandeco
2020/03/14 全球购物
公司门卫管理制度
2014/02/01 职场文书
装修设计师求职信
2014/02/26 职场文书
党的生日活动方案
2014/08/15 职场文书
研究生导师推荐信
2014/09/06 职场文书
python实现简单的井字棋
2021/05/26 Python