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 相关文章推荐
使用jQuery中的when实现多个AJAX请求对应单个回调的例子分享
Apr 23 Javascript
原生js实现移动开发轮播图、相册滑动特效
Apr 17 Javascript
js实现C#的StringBuilder效果完整实例
Dec 22 Javascript
JavaScript 深层克隆对象详解及实例
Nov 03 Javascript
javascript判断firebug是否开启的方法
Nov 23 Javascript
js实现百度地图定位于地址逆解析,显示自己当前的地理位置
Dec 08 Javascript
MvcPager分页控件 适用于Bootstrap
Jun 03 Javascript
react-native使用react-navigation进行页面跳转导航的示例
Sep 07 Javascript
checkbox在vue中的用法小结
Nov 13 Javascript
微信小程序调用天气接口并且渲染在页面过程详解
Jun 24 Javascript
OpenLayers实现图层切换控件
Sep 25 Javascript
JavaScript原始值与包装对象的详细介绍
May 11 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
受疫情影响 动画《Re从零开始的异世界生活》第二季延期至7月
2020/03/10 日漫
PHP array_multisort()函数的使用札记
2011/07/03 PHP
layui数据表格自定义每页条数limit设置
2019/10/26 PHP
jquery 框架使用教程 AJAX篇
2009/10/11 Javascript
js新闻滚动 js如何实现新闻滚动效果
2013/01/07 Javascript
JQuery中dataGrid设置行的高度示例代码
2014/01/03 Javascript
可自定义速度的js图片无缝滚动示例分享
2014/01/20 Javascript
Javascript前端UI框架Kit使用指南之kitjs事件管理
2014/11/28 Javascript
js实现三张图(文)片一起切换的banner焦点图
2015/08/25 Javascript
js放大镜放大购物图片效果
2017/01/18 Javascript
解析jquery easyui tree异步加载子节点问题
2017/03/08 Javascript
微信小程序 配置顶部导航条标题颜色的实现方法
2017/09/20 Javascript
node.js学习之事件模块Events的使用示例
2017/09/28 Javascript
基于Vue+element-ui 的Table二次封装的实现
2018/07/20 Javascript
vue生命周期的探索
2019/04/03 Javascript
[02:51]DOTA2英雄基础教程 风暴之灵
2013/12/23 DOTA
[01:03:41]DOTA2-DPC中国联赛 正赛 Dynasty vs XG BO3 第三场 2月2日
2021/03/11 DOTA
Python实现提取文章摘要的方法
2015/04/21 Python
详解在Python中处理异常的教程
2015/05/24 Python
python for循环remove同一个list过程解析
2019/08/14 Python
在python Numpy中求向量和矩阵的范数实例
2019/08/26 Python
python中time库的实例使用方法
2019/10/31 Python
使用Python将图片转正方形的两种方法实例代码详解
2020/04/29 Python
Python实现aes加密解密多种方法解析
2020/05/15 Python
python + selenium 刷B站播放量的实例代码
2020/06/12 Python
如何利用python之wxpy模块玩转微信
2020/08/17 Python
python与js主要区别点总结
2020/09/13 Python
PyQt5多线程防卡死和多窗口用法的实现
2020/09/15 Python
html5 分层屏幕适配的方法
2018/03/16 HTML / CSS
传统软件工程与面向对象的软件工程有什么区别
2012/05/31 面试题
学生周末长期请假条
2014/02/15 职场文书
人力资源经理的岗位职责范本
2014/02/28 职场文书
2014年驾驶员工作总结
2014/11/18 职场文书
Python List remove()实例用法详解
2021/08/02 Python
我去timi了,一起去timi是什么意思?
2022/04/13 杂记
mysql数据库隔离级别详解
2022/06/16 MySQL