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控制iframe滚动的代码
Apr 10 Javascript
JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )
Feb 25 Javascript
js实现二代身份证号码验证详解
Nov 20 Javascript
JS实现网页每隔3秒弹出一次对话框的方法
Nov 09 Javascript
Jquery ajax请求导出Excel表格的实现代码
Jun 08 Javascript
jquery实现tab键进行选择后enter键触发click行为
Mar 29 jQuery
JS触摸与手势事件详解
May 09 Javascript
JS使用正则表达式验证身份证号码
Jun 23 Javascript
详解react native页面间传递数据的几种方式
Nov 07 Javascript
如何利用node.js开发一个生成逐帧动画的小工具
Dec 01 Javascript
webpack+vue-cil 中proxyTable配置接口地址代理操作
Jul 18 Javascript
vue 验证两次输入的密码是否一致的方法示例
Sep 29 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
Win2003+apache+PHP+SqlServer2008 配置生产环境
2014/07/29 PHP
PHP实现微信申请退款功能
2018/10/01 PHP
Laravel5.4框架使用socialite实现github登录的方法
2019/03/20 PHP
jQuery autocomplete插件修改
2009/04/17 Javascript
通过Javascript将数据导出到外部Excel文档的函数代码
2012/06/15 Javascript
JS跨域代码片段
2012/08/30 Javascript
改变隐藏的input中value值的方法
2014/03/19 Javascript
Javascript中的getUTCHours()方法使用详解
2015/06/10 Javascript
原生js与jQuery实现简单的tab切换特效对比
2015/07/30 Javascript
JavaScript测试工具之Karma-Jasmine的安装和使用详解
2015/12/03 Javascript
js组件SlotMachine实现图片切换效果制作抽奖系统
2016/04/17 Javascript
仿百度换肤功能的简单实例代码
2016/07/11 Javascript
jquery动态遍历Json对象的属性和值的方法
2016/07/27 Javascript
js从外部获取图片的实现方法
2016/08/05 Javascript
深入理解AngularJS中的ng-bind-html指令和$sce服务
2016/09/08 Javascript
Bootstrap在线电子商务网站实战项目5
2016/10/14 Javascript
如何防止INPUT按回车自动提交表单FORM
2016/12/06 Javascript
angular.js4使用 RxJS 处理多个 Http 请求
2017/09/23 Javascript
Vue2.0 事件的广播与接收(观察者模式)
2018/03/14 Javascript
vue router 组件的高级应用实例代码
2019/04/08 Javascript
Angular封装表单控件及思想总结
2019/12/11 Javascript
JQuery中DOM节点的操作与访问方法实例分析
2019/12/23 jQuery
js实现飞机大战游戏
2020/08/26 Javascript
js实现菜单跳转效果
2020/12/11 Javascript
Python Web框架Flask中使用百度云存储BCS实例
2015/02/08 Python
Django中间件工作流程及写法实例代码
2018/02/06 Python
Python 获取windows桌面路径的5种方法小结
2019/07/15 Python
django rest framework serializers序列化实例
2020/05/13 Python
python3爬虫中异步协程的用法
2020/07/10 Python
如何使用python socket模块实现简单的文件下载
2020/09/04 Python
html5指南-4.使用Geolocation实现定位功能
2013/01/07 HTML / CSS
英国评分最高的女性剃须刀订阅盒:FFS Beauty
2018/01/25 全球购物
现代家居用品及礼品:LBC Modern
2018/06/24 全球购物
先进员工获奖感言
2014/08/14 职场文书
校车安全责任书
2014/08/25 职场文书
QT与javascript交互数据的实现
2021/05/26 Javascript