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 相关文章推荐
点图片上一页下一页翻页效果
Jul 09 Javascript
niceTitle 基于jquery的超链接提示插件
May 31 Javascript
Web开发者必备的12款超赞jQuery插件
Dec 03 Javascript
20款超赞的jQuery插件 Web开发人员必备
Feb 26 Javascript
js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
Jan 04 Javascript
Javascript 鼠标移动上去 滑块跟随效果代码分享
Nov 23 Javascript
jQuery通过扩展实现抖动效果的方法
Mar 11 Javascript
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
Dec 11 Javascript
angular 用Observable实现异步调用的方法
Dec 27 Javascript
了解JavaScript函数中的默认参数
May 30 Javascript
基于Vue el-autocomplete 实现类似百度搜索框功能
Oct 25 Javascript
解决 window.onload 被覆盖的问题方法
Jan 14 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 Memcache 中实现消息队列
2009/11/24 PHP
php把session写入数据库示例
2014/02/26 PHP
php获取文章上一页与下一页的方法
2014/12/01 PHP
php使用MySQL保存session会话的方法
2015/06/18 PHP
php基于session实现数据库交互的类实例
2015/08/03 PHP
JS面向对象编程浅析
2011/08/28 Javascript
Js制作点击输入框时默认文字消失的效果
2015/09/05 Javascript
JavaScript中数组的合并以及排序实现示例
2015/10/24 Javascript
jQuery实现鼠标选文字发新浪微博的方法
2016/04/02 Javascript
jQuery模仿京东/天猫商品左侧分类导航菜单效果
2016/06/29 Javascript
利用python分析access日志的方法
2016/10/26 Javascript
学习JavaScript图片预加载模块
2016/11/07 Javascript
js实现图片360度旋转
2017/01/22 Javascript
完美实现js选项卡切换效果(二)
2017/03/08 Javascript
老生常谈JavaScript面向对象基础与this指向问题
2017/10/16 Javascript
layui导出所有数据的例子
2019/09/10 Javascript
js全屏事件fullscreenchange 实现全屏、退出全屏操作
2019/09/17 Javascript
[34:39]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#1COL VS EG第二局
2016/03/05 DOTA
[04:32]玩具屠夫中文语音节选
2020/08/23 DOTA
Django在Win7下的安装及创建项目hello word简明教程
2014/07/14 Python
Python中类的初始化特殊方法
2017/12/01 Python
Python sorted函数详解(高级篇)
2018/09/18 Python
如何通过Django使用本地css/js文件
2020/01/20 Python
Python Scrapy框架第一个入门程序示例
2020/02/05 Python
django queryset 去重 .distinct()说明
2020/05/19 Python
python 用Matplotlib作图中有多个Y轴
2020/11/28 Python
一款利用纯css3实现的win8加载动画的实例分析
2014/12/11 HTML / CSS
基于CSS3 animation动画属性实现轮播图效果
2017/09/12 HTML / CSS
基于 HTML5 WebGL 实现的垃圾分类系统
2019/10/08 HTML / CSS
大型活动组织方案
2014/05/10 职场文书
保卫钓鱼岛口号
2014/06/20 职场文书
大学毕业生个人自荐书
2014/07/02 职场文书
房地产资料员岗位职责
2014/07/02 职场文书
房产销售独家委托书范本
2014/10/01 职场文书
2015年七一建党节演讲稿
2015/03/19 职场文书
品牌形象定位,全面分析
2019/07/23 职场文书