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


Posted in Javascript onMarch 26, 2014

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 相关文章推荐
js 代码集(学习js的朋友可以看下)
Jul 22 Javascript
关于javascript的一些知识以及循环详解
Sep 12 Javascript
JQuery Ajax WebService传递参数的简单实例
Nov 02 Javascript
AngularJS中的DOM操作用法分析
Nov 04 Javascript
json的结构与遍历方法实例分析
Apr 25 Javascript
在 Angular 中使用Chart.js 和 ng2-charts的示例代码
Aug 17 Javascript
Angularjs实现上传图片预览功能
Sep 01 Javascript
解析Vue2 dist 目录下各个文件的区别
Nov 22 Javascript
Vue组件库发布到npm详解
Feb 17 Javascript
vue-star评星组件开发实例
Mar 01 Javascript
js实现3D照片墙效果
Oct 28 Javascript
JavaScript实现滑动门效果
Jan 18 Javascript
Node.js模拟浏览器文件上传示例
Mar 26 #Javascript
JavaScript关闭当前页面(窗口)不带任何提示
Mar 26 #Javascript
JavaScript数字和字符串转换示例
Mar 26 #Javascript
jquery实现瀑布流效果分享
Mar 26 #Javascript
jquery实现效果比较好的table选中行颜色
Mar 25 #Javascript
Jquery对数组的操作技巧整理
Mar 25 #Javascript
常用的几段javascript代码分享
Mar 25 #Javascript
You might like
杏林同学录(一)
2006/10/09 PHP
用php解析html的实现代码
2011/08/08 PHP
php后退一页表单内容保存实现方法
2012/06/17 PHP
php 广告点击统计代码(php+mysql)
2018/02/21 PHP
javascript下查找父节点的简单方法
2007/08/13 Javascript
js复制到剪切板的实例方法
2013/06/28 Javascript
jquery对象和DOM对象的区别介绍
2013/08/09 Javascript
javascript屏蔽右键代码
2014/05/15 Javascript
js用Date对象的setDate()函数对日期进行加减操作
2014/09/18 Javascript
JavaScript中的console.time()函数详细介绍
2014/12/29 Javascript
JavaScript使ifram跨域相互访问及与PHP通信的实例
2016/03/03 Javascript
KnockoutJS 3.X API 第四章之数据控制流foreach绑定
2016/10/10 Javascript
使用JS正则表达式 替换括号,尖括号等
2016/11/29 Javascript
微信小程序 图片上传实例详解
2017/05/05 Javascript
详解基于 Node.js 的轻量级云函数功能实现
2019/07/08 Javascript
JS对日期操作封装代码实例
2019/11/08 Javascript
vue-property-decorator用法详解
2019/12/12 Javascript
基于javascript处理nginx请求过程详解
2020/07/07 Javascript
javascript this指向相关问题及改变方法
2020/11/19 Javascript
对vue生命周期的深入理解
2020/12/03 Vue.js
[01:50]WODOTA制作 DOTA2中文宣传片《HERO》
2013/04/28 DOTA
python sys模块sys.path使用方法示例
2013/12/04 Python
python文件和目录操作函数小结
2014/07/11 Python
python操作列表的函数使用代码详解
2017/12/28 Python
Python编程实现的简单神经网络算法示例
2018/01/26 Python
Python根据已知邻接矩阵绘制无向图操作示例
2018/06/23 Python
python中logging模块的一些简单用法的使用
2019/02/22 Python
Python八皇后问题解答过程详解
2019/07/29 Python
python 默认参数相关知识详解
2019/09/18 Python
Django框架model模型对象验证实现方法分析
2019/10/02 Python
matplotlib绘制多个子图(subplot)的方法
2019/12/03 Python
使用Python提取文本中含有特定字符串的方法示例
2020/12/09 Python
农村党员学习党的群众路线教育实践活动心得体会
2014/11/04 职场文书
2015团员个人年度总结
2015/11/24 职场文书
2016年度继续教育学习心得体会
2016/01/19 职场文书
深入详解JS函数的柯里化
2021/06/09 Javascript