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中confirm,alert,prompt函数区别分析
Jan 17 Javascript
jQuery中filter()和find()的区别深入了解
Sep 25 Javascript
JS获得浏览器版本和操作系统版本的例子
May 13 Javascript
js实现网页标题栏闪烁提示效果实例分析
Nov 20 Javascript
JavaScript中的分号插入机制详细介绍
Feb 11 Javascript
JS实现网页顶部向下滑出的全国城市切换导航效果
Aug 22 Javascript
AngularJS入门教程中SQL实例详解
Jul 27 Javascript
Vue.js项目模板搭建图文教程
Sep 20 Javascript
Vue中$refs的用法详解
Jun 24 Javascript
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
Jul 13 Javascript
快速解决处理后台返回json数据格式的问题
Aug 07 Javascript
React中获取数据的3种方法及优缺点
Feb 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
30个php操作redis常用方法代码例子
2014/07/05 PHP
PHP读取配置文件类实例(可读取ini,yaml,xml等)
2015/07/28 PHP
PHP实现的MD5结合RSA签名算法实例
2017/10/07 PHP
爱恋千雪-US-AscII加密解密工具(网页加密)下载
2007/06/06 Javascript
javascript 写类方式之一
2009/07/05 Javascript
起点页面传值js,有空研究学习下
2010/01/25 Javascript
jQuery 学习第六课 实现一个Ajax的TreeView
2010/05/17 Javascript
javascript 伪数组实现方法
2010/10/11 Javascript
JS 实现获取打开一个界面中输入的值
2013/03/19 Javascript
js检查页面上有无重复id的实现代码
2013/07/17 Javascript
JavaScript1.6数组新特性介绍以及JQuery的几个工具方法
2013/12/06 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
2015/01/05 Javascript
JQuery boxy插件在IE中边角图片不显示问题的解决
2015/05/20 Javascript
javascript顺序加载图片的方法
2015/07/18 Javascript
jquery实现可自动判断位置的弹出层效果代码
2015/10/12 Javascript
jquery基本选择器匹配多个元素的实现方法
2016/09/05 Javascript
jQuery手风琴的简单制作
2017/05/12 jQuery
JavaScript基础之流程控制语句的用法
2017/08/31 Javascript
nodejs aes 加解密实例
2018/10/10 NodeJs
详解vue配置后台接口方式
2019/03/29 Javascript
layui数据表格实现重载数据表格功能(搜索功能)
2019/07/27 Javascript
微信小程序封装分享与分销功能过程解析
2019/08/13 Javascript
Vue2.X和Vue3.0数据响应原理变化的区别
2019/11/07 Javascript
ant-design-vue 实现表格内部字段验证功能
2019/12/16 Javascript
[49:43]VG vs FNATIC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python实现的简单抽奖系统实例
2015/05/22 Python
Python 调用Java实例详解
2017/06/02 Python
windows 下python+numpy安装实用教程
2017/12/23 Python
Django开发的简易留言板案例详解
2018/12/04 Python
利用arcgis的python读取要素的X,Y方法
2018/12/22 Python
python 上下文管理器及自定义原理解析
2019/11/19 Python
HTML5中的Web Notification桌面通知功能的实现方法
2019/07/29 HTML / CSS
Luxplus丹麦:香水和个人护理折扣
2018/04/23 全球购物
庆六一开幕词
2015/01/29 职场文书
话题作文之自信作文
2019/11/15 职场文书
Java获取字符串编码格式实现思路
2022/09/23 Java/Android