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 相关文章推荐
JavaScript(js)设置默认输入焦点(focus)
Dec 28 Javascript
Jquery判断$(&quot;#id&quot;)获取的对象是否存在的方法
Sep 25 Javascript
js时间日期格式化封装函数
Dec 02 Javascript
js获取当前日期前七天的方法
Feb 28 Javascript
javascript限制文本框输入值类型的方法
May 07 Javascript
JS实现消息来时让网页标题闪动效果的方法
Apr 20 Javascript
js中setTimeout的妙用--防止循环超时
Mar 06 Javascript
vuejs手把手教你写一个完整的购物车实例代码
Jul 06 Javascript
AngularJS基于MVC的复杂操作实例讲解
Dec 31 Javascript
webpack 插件html-webpack-plugin的具体使用
Apr 09 Javascript
微信小程序实现tab左右切换效果
Nov 15 Javascript
原生js实现公告滚动效果
Jan 10 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
php+mysql 实现身份验证代码
2010/03/24 PHP
php trim 去除空字符的定义与语法介绍
2010/05/31 PHP
PHP的一个基础知识 表单提交
2011/07/04 PHP
通达OA公共代码 php常用检测函数
2011/12/14 PHP
PHP中header和session_start前不能有输出原因分析
2013/01/11 PHP
PHP JSON格式的中文显示问题解决方法
2015/04/09 PHP
php实现xml转换数组的方法示例
2017/02/03 PHP
yii2项目实战之restful api授权验证详解
2017/05/20 PHP
PHP魔术方法之__call与__callStatic使用方法
2017/07/23 PHP
javascript采用数组实现tab菜单切换效果
2012/12/12 Javascript
js关闭父窗口时关闭子窗口
2013/04/01 Javascript
Extjs优化(二)Form表单提交通用实现
2013/04/15 Javascript
JavaScript创建对象的写法
2013/08/29 Javascript
javascript实现获取图片大小及图片等比缩放的方法
2016/11/24 Javascript
easyUI下拉列表点击事件使用方法
2017/05/18 Javascript
Python入门及进阶笔记 Python 内置函数小结
2014/08/09 Python
Python中使用支持向量机SVM实践
2017/12/27 Python
解决pycharm工程启动卡住没反应的问题
2019/01/19 Python
Python微医挂号网医生数据抓取
2019/01/24 Python
使用 Python 玩转 GitHub 的贡献板(推荐)
2019/04/04 Python
在linux系统下安装python librtmp包的实现方法
2019/07/22 Python
如何使用Python脚本实现文件拷贝
2019/11/20 Python
Python实现列表中非负数保留,负数转化为指定的数值方式
2020/06/04 Python
Pycharm同步远程服务器调试的方法步骤
2020/11/04 Python
某公司C#程序员面试题笔试题
2014/05/26 面试题
运动会入场解说词300字
2014/01/25 职场文书
个人融资协议书
2014/10/02 职场文书
2014年中班下学期工作总结
2014/12/11 职场文书
经验交流材料格式
2014/12/30 职场文书
教师求职自荐信范文
2015/03/04 职场文书
工作时间调整通知
2015/04/24 职场文书
教师节班会开场白
2015/06/01 职场文书
患者身份识别制度
2015/08/06 职场文书
党风廉洁教育心得体会
2016/01/20 职场文书
python自然语言处理之字典树知识总结
2021/04/25 Python
Python Django搭建文件下载服务器的实现
2021/05/10 Python