javascript 3d 逐侦产品展示(核心精简)

2014-03-26 37

3d 逐侦图片 素材

javascript 部分代码

<span style="white-space:pre"> </span>var step = 0; 
var first = 0; 
var lth = document.querySelectorAll('#tobj img').length; window.addEventListener('touchstart',function(e){ 
e.preventDefault(); 
first = e.touches[0].pageX; 
}) 
window.addEventListener('touchmove',function(e){ 
e.preventDefault(); 
var x = e.pageX || e.touches[0].pageX; 
document.getElementById('outs').innerHTML = step; 
if(Math.abs(x - first)>10){ 
document.querySelectorAll('#tobj img')[step].style.display = 'none' 
if(x<first){ 
step++; 
if(step>=lth-1){ 
step =0 
} 
}else{ 
step-- 
if(step<=0){ 
step = lth-1; 
} 
} 
first = x; 
document.querySelectorAll('#tobj img')[step].style.display = 'block' 
} 
}) 
window.addEventListener('touchend',function(e){ 
e.preventDefault(); 
step = step; 
})

核心精简
if(Math.abs(x - first)>10){ 
document.querySelectorAll('#tobj img')[step].style.display = 'none' 
if(x<first){ 
step++; 
if(step>=lth-1){ 
step =0 
} 
}else{ 
step-- 
if(step<=0){ 
step = lth-1; 
} 
} 
first = x; 
document.querySelectorAll('#tobj img')[step].style.display = 'block' 
}
展开阅读全文

更多Javascript文章

深入理解react-router@4.0 使用和源码解析
May 23 54
node.js多个异步过程中判断执行是否完成的解决方案
Dec 10 50
微信小程序下拉刷新PullDownRefresh的使用方法
Nov 29 37
vue实现的微信机器人聊天功能案例【附源码下载】
Feb 18 32
scrapyd schedule.json setting 传入多个值问题
Aug 07 49
如何在CocosCreator里画个炫酷的雷达图
Apr 16 73
详解TS数字分隔符和更严格的类属性检查
May 06 56
手机访问当前页面