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默认校验规则整理
Mar 24 Javascript
js实现同一页面多个不同运动效果的方法
Apr 10 Javascript
Extjs 点击复选框在表格中增加相关信息行
Jul 12 Javascript
深入理解JS实现快速排序和去重
Oct 17 Javascript
AngularJs验证重复密码的方法(两种)
Nov 25 Javascript
详解Angular的内置过滤器和自定义过滤器【推荐】
Dec 26 Javascript
js实现滑动到页面底部自动加载更多功能
Feb 15 Javascript
gulp解决跨域的配置文件问题
Jun 08 Javascript
JavaScript学习笔记之函数记忆
Sep 06 Javascript
代码详解JS操作剪贴板
Feb 11 Javascript
jQuery 图片查看器插件 Viewer.js用法简单示例
Apr 04 jQuery
SSM VUE Axios详解
Oct 05 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
WindowsXP中快速配置Apache+PHP5+Mysql
2008/06/05 PHP
php单件模式结合命令链模式使用说明
2008/09/07 PHP
解析thinkphp中的导入文件标签
2013/06/20 PHP
php file_get_contents抓取Gzip网页乱码的三种解决方法
2013/11/12 PHP
几个高效,简洁的字符处理函数
2007/04/12 Javascript
仿当当网淘宝网等主流电子商务网站商品分类导航菜单
2013/09/25 Javascript
js 显示base64编码的二进制流网页图片
2014/04/04 Javascript
jquery中each遍历对象和数组示例
2014/08/05 Javascript
js实现绿白相间竖向网页百叶窗动画切换效果
2015/03/02 Javascript
早该知道的7个JavaScript技巧
2016/06/21 Javascript
微信小程序 常用工具类详解及实例
2017/02/15 Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
2017/03/09 Javascript
vue项目中使用百度地图的方法
2018/06/08 Javascript
js实现黑白div块画空心的图形
2018/12/13 Javascript
[07:12]2014DOTA2西雅图国际邀请赛 黑马Liquid专题采访
2014/07/12 DOTA
python在windows命令行下输出彩色文字的方法
2015/03/19 Python
Python sys.argv用法实例
2015/05/28 Python
python保存字符串到文件的方法
2015/07/01 Python
Python实现变量数值交换及判断数组是否含有某个元素的方法
2017/09/18 Python
符合语言习惯的 Python 优雅编程技巧【推荐】
2018/09/25 Python
python实现简易动态时钟
2018/11/19 Python
python删除文件夹下相同文件和无法打开的图片
2019/07/16 Python
pandas 缺失值与空值处理的实现方法
2019/10/12 Python
浅谈Python中os模块及shutil模块的常规操作
2020/04/03 Python
HTML5本地存储之Web Storage应用介绍
2013/01/06 HTML / CSS
最新的小工具和卓越的产品设计:Oh That Tech!
2019/08/07 全球购物
英国马莎百货印度官网:Marks & Spencer印度
2020/10/08 全球购物
《从现在开始》教学反思
2014/04/15 职场文书
企业安全生产目标责任书
2014/07/23 职场文书
乡镇领导班子四风整顿行动工作汇报
2014/10/25 职场文书
2014年扶贫帮困工作总结
2014/12/09 职场文书
无房证明样本
2015/06/17 职场文书
预备党员入党感想
2015/08/10 职场文书
清明扫墓感想
2015/08/11 职场文书
「女孩的钓鱼慢活」全新版权绘公布
2022/03/21 日漫
详解ZABBIX监控ESXI主机的问题
2022/06/21 Servers