jquery實現(xiàn)相冊一下滑動兩次的方法
更新時間：2015年02月09日 12:00:42 作者：hukang00
這篇文章主要介紹了jquery實現(xiàn)相冊一下滑動兩次的方法,是非常實用的圖片特效技巧,需要的朋友可以參考下
本文實例講述了jquery實現(xiàn)相冊一下滑動兩次的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
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');
});
當(dāng)手指滑動開始的時候記錄下時間，結(jié)束的時候在記錄下時間，如果兩個時間差相隔很近，就結(jié)束。
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
您可能感興趣的文章:
相關(guān)文章
3種不同的ContextMenu右鍵菜單實現(xiàn)代碼
本文給大家分享3種不同的ContextMenu右鍵菜單實現(xiàn)代碼的相關(guān)資料,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2016-11-11
這篇文章主要介紹了Jquery插件編寫簡明教程,jquery插件開發(fā)實例,需要的朋友可以參考下2014-03-03
本文給大家分享基于jquery實現(xiàn)彈窗居中效果類似于alert(),代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的的朋友參考下2017-02-02
tab切換，是一個很常見的效果，今天在項目中遇到這樣一個問題。就是切換后，頁面刷新，又重新定位到第一個上了，很是郁悶2012-05-05
this指的是javascript對象而$(this)就是就jquery對象，不懂的朋友可以看看本文2013-09-09
這篇文章主要介紹了編寫自己的jQuery提示框（Tip）插件的方法,需要的朋友可以參考下2015-02-02
功能強大的 jquery 表單驗證插件，適用于日常的 E-mail、電話號碼、網(wǎng)址等驗證及 Ajax 驗證，除自身擁有豐富的驗證規(guī)則外，還可以添加自定義的驗證規(guī)則。兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+2015-04-04
前幾天上QQ的在線視頻網(wǎng)站，看到上面的影片列表頁的圖片有這樣一種效果：當(dāng)向下拉動滾動條時下面的圖片才開始加載，就是說它不會一下子把所有的圖片都加載出來，拉動滾動條后用戶看到了才會顯示，這是一個很不錯的用戶體驗。2010-02-02
在jquery中的ajax方法怎樣通過JSONP進行遠程調(diào)用
這一節(jié)主要演示下在JQUERY中的ajax方法怎樣通過JSONP進行遠程調(diào)用,需要的朋友可以參考下2014-04-04
今天小編就為大家分享一篇關(guān)于jQuery事件blur()方法的使用實例講解，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-03-03