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 网站换肤功能实现代码
Nov 02 Javascript
Jquery 插件开发笔记整理
Jan 17 Javascript
js跑马灯代码(自写)
Apr 17 Javascript
js中如何复制一个对象并获取其所有属性和属性对应的值
Oct 24 Javascript
javascript实现des解密加密全过程
Apr 03 Javascript
解决js下referer兼容各大浏览器的方法
Nov 03 Javascript
返回函数的JavaScript函数
Jun 14 Javascript
jQuery多级联动下拉插件chained用法示例
Aug 20 Javascript
vue v-model表单控件绑定详解
May 17 Javascript
node.js 核心http模块,起一个服务器,返回一个页面的实例
Sep 11 Javascript
JavaScript实现密码强度实时验证
Mar 18 Javascript
vue用ant design中table表格,点击某行时触发的事件操作
Oct 28 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中两种缩放图片的函数,为图片添加水印
2013/06/14 PHP
PHP小教程之实现双向链表
2014/06/12 PHP
javascript中的location用法简单介绍
2007/03/07 Javascript
Javascript无阻塞加载具体方式
2013/06/28 Javascript
Javascript中call的两种用法实例
2013/12/13 Javascript
基于编写jQuery的无缝滚动插件
2014/08/02 Javascript
当前流行的JavaScript代码风格指南
2014/09/10 Javascript
js实现兼容IE和FF的上下层的移动
2015/05/04 Javascript
jquery mobile 移动web(5)
2015/12/20 Javascript
详解Angular 4.x NgIf 的用法
2017/05/22 Javascript
客户端(vue框架)与服务器(koa框架)通信及服务器跨域配置详解
2017/08/26 Javascript
JS+canvas动态绘制饼图的方法示例
2017/09/12 Javascript
Smartour 让网页导览变得更简单(推荐)
2019/07/19 Javascript
countUp.js实现数字动态变化效果
2019/10/17 Javascript
[01:03:36]DOTA2-DPC中国联赛 正赛 VG vs Magma BO3 第二场 1月26日
2021/03/11 DOTA
python删除列表中重复记录的方法
2015/04/28 Python
详解Python3中yield生成器的用法
2015/08/20 Python
Python设计模式编程中解释器模式的简单程序示例分享
2016/03/02 Python
pytorch 预训练层的使用方法
2019/08/20 Python
python3实现raspberry pi(树莓派)4驱小车控制程序
2020/02/12 Python
如何使用pandas读取txt文件中指定的列(有无标题)
2020/03/05 Python
python实现ssh及sftp功能(实例代码)
2020/03/16 Python
Python实现小黑屋游戏的完整实例
2021/01/06 Python
python爬取2021猫眼票房字体加密实例
2021/02/19 Python
Html5与App的通讯方式详解
2019/10/24 HTML / CSS
俄罗斯金苹果网上化妆品和香水商店:Goldapple
2019/12/01 全球购物
.NET概念性的面试题
2012/02/29 面试题
应聘自荐书
2013/10/08 职场文书
迎八一活动主题
2014/01/31 职场文书
2014年文学毕业生自我鉴定
2014/04/23 职场文书
法律专业求职信
2014/05/24 职场文书
新学期开学演讲稿
2014/05/24 职场文书
小学开学标语
2014/07/01 职场文书
歌剧魅影观后感
2015/06/05 职场文书
JavaScript流程控制(分支)
2021/12/06 Javascript
「魔法少女伊莉雅」美游粘土人开订
2022/03/21 日漫