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插件开发 对话框插件开发
Apr 26 Javascript
面向对象设计模式的核心法则
Nov 10 Javascript
Javascript正则控制文本框只能输入整数或浮点数
Sep 02 Javascript
node.js中的fs.writeFile方法使用说明
Dec 14 Javascript
JS实现拖拽的方法分析
Dec 20 Javascript
详解vue-cli与webpack结合如何处理静态资源
Sep 19 Javascript
jQuery完成表单验证的实例代码(纯代码)
Sep 30 jQuery
vue中axios处理http发送请求的示例(Post和get)
Oct 13 Javascript
详解Vuex管理登录状态
Nov 13 Javascript
Vue分页器实现原理详解
Jun 28 Javascript
layui 实现自动选择radio单选框(checked)的方法
Sep 03 Javascript
Vue3.0写自定义指令的简单步骤记录
Jun 27 Vue.js
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
打造计数器DIY三步曲(中)
2006/10/09 PHP
php使用ICQ网关发送手机短信
2013/10/30 PHP
PHP如何实现Unicode和Utf-8编码相互转换
2015/07/29 PHP
PHP+shell脚本操作Memcached和Apache Status的实例分享
2016/03/11 PHP
PHP会员找回密码功能的简单实现
2016/09/05 PHP
PHP房贷计算器实例代码,等额本息,等额本金
2017/04/01 PHP
jQuery中RadioButtonList的功能及用法实例介绍
2013/08/23 Javascript
javascript中的if语句使用介绍
2013/11/20 Javascript
jquery实现鼠标拖动图片效果示例代码
2014/01/09 Javascript
JS定时检测任务任务完成后执行下一步的解决办法
2016/12/22 Javascript
从零学习node.js之文件操作(三)
2017/02/21 Javascript
JS实现简易刻度时钟示例代码
2017/03/11 Javascript
利用百度地图API获取当前位置信息的实例
2017/11/06 Javascript
JS实现为动态添加的元素增加事件功能示例【基于事件委托】
2018/03/21 Javascript
微信小程序登录换取token的教程
2018/05/31 Javascript
浅谈vue父子组件怎么传值
2018/07/21 Javascript
简单了解小程序+node梳理登陆流程
2019/06/24 Javascript
Nuxt默认模板、默认布局和自定义错误页面的实现
2020/05/11 Javascript
Python编程入门的一些基本知识
2015/05/13 Python
Python获取暗黑破坏神3战网前1000命位玩家的英雄技能统计
2016/07/04 Python
python+selenium开发环境搭建图文教程
2017/08/11 Python
Python实现的凯撒密码算法示例
2018/04/12 Python
用Python下载一个网页保存为本地的HTML文件实例
2018/05/21 Python
Python读取mat文件,并保存为pickle格式的方法
2018/10/23 Python
Python面向对象之类的封装操作示例
2019/06/08 Python
Python paramiko 模块浅谈与SSH主要功能模拟解析
2020/02/29 Python
使用py-spy解决scrapy卡死的问题方法
2020/09/29 Python
用python获取txt文件中关键字的数量
2020/12/24 Python
微软新西兰官方网站:Microsoft New Zealand
2018/08/17 全球购物
阿里巴巴Oracle DBA笔试题答案-备份恢复类
2013/11/20 面试题
.NET remoting中对象激活的两种方式
2015/06/08 面试题
初二生物教学反思
2014/02/03 职场文书
个人现实表现材料
2014/02/04 职场文书
工作计划范文之财务管理
2019/08/09 职场文书
vue使用Google Recaptcha验证的实现示例
2021/08/23 Vue.js
MySQL 计算连续登录天数
2022/05/11 MySQL