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 css styleFloat和cssFloat
Mar 15 Javascript
原生js和jquery中有关透明度设置的相关问题
Jan 08 Javascript
JavaScript检查弹出窗口是否被阻拦的方法技巧
Mar 13 Javascript
基于jQuery+Cookie实现的防止刷新的在线考试倒计时
Jun 19 Javascript
node.js实现爬虫教程
Aug 25 Javascript
jQuery实现带遮罩层效果的blockUI弹出层示例【附demo源码下载】
Sep 14 Javascript
JavaScript使用readAsDataURL读取图像文件
May 10 Javascript
详解Vue 2.0封装axios笔记
Jun 22 Javascript
Vue中props的使用详解
Jun 15 Javascript
Vee-validate 父组件获取子组件表单校验结果的实例代码
May 20 Javascript
小程序实现录音上传功能
Nov 22 Javascript
JS 基本概念详细介绍
Oct 16 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
搜索引擎技术核心揭密
2006/10/09 PHP
php使用Jpgraph绘制复杂X-Y坐标图的方法
2015/06/10 PHP
php获取ip及网址的简单方法(必看)
2017/04/01 PHP
基于Laravel 多个中间件的执行顺序详解
2019/10/21 PHP
关于__defineGetter__ 和__defineSetter__的说明
2007/05/12 Javascript
对Jquery中的ajax再封装,简化操作示例
2014/02/12 Javascript
JavaScript中奇葩的假值示例应用
2014/03/11 Javascript
JS烟花背景效果实现方法
2015/03/03 Javascript
详解JavaScript编程中的数组结构
2015/10/24 Javascript
JavaScript希尔排序、快速排序、归并排序算法
2016/05/08 Javascript
基于BootStrap的前端分页带省略号和上下页效果
2017/05/18 Javascript
vue教程之toast弹框全局调用示例详解
2020/08/24 Javascript
微信小程序实现预览图片功能
2020/10/22 Javascript
微信小程序登录按钮遮罩浮层效果的实现方法
2018/12/16 Javascript
Vue CLI3.0中使用jQuery和Bootstrap的方法
2019/02/28 jQuery
JavaScript和TypeScript中的void的具体使用
2019/09/12 Javascript
javascript-hashchange事件和历史状态管理实例分析
2020/04/18 Javascript
Vuex实现简单购物车
2021/01/10 Vue.js
[02:26]2016国际邀请赛8月3日开战 中国军团出征西雅图
2016/08/02 DOTA
Python中的filter()函数的用法
2015/04/27 Python
Python中字典的基本知识初步介绍
2015/05/21 Python
Python 多线程的实例详解
2017/09/07 Python
python 3利用Dlib 19.7实现摄像头人脸检测特征点标定
2018/02/26 Python
让代码变得更易维护的7个Python库
2018/10/09 Python
对Python协程之异步同步的区别详解
2019/02/19 Python
Django 接收Post请求数据,并保存到数据库的实现方法
2019/07/12 Python
Django上使用数据可视化利器Bokeh解析
2019/07/31 Python
Python如何执行系统命令
2020/09/23 Python
美国肌肉和力量商店:Muscle & Strength
2019/06/22 全球购物
2014年自我评价
2014/01/04 职场文书
出生公证委托书
2014/04/03 职场文书
职务说明书范文
2014/05/07 职场文书
餐厅周年庆活动方案
2014/08/25 职场文书
咖啡店创业计划书范文
2014/09/15 职场文书
Vue过滤器(filter)实现及应用场景详解
2021/06/15 Vue.js
详解Go语言中配置文件使用与日志配置
2022/06/01 Golang