Chinaunix首页 | 论坛 | 博客

纸上得来终觉浅

首页　| 　博文目录　| 　关于我

水中残月

  • 博客访问： 154347
  • 博文数量： 42
  • 博客积分： 0
  • 博客等级： 民兵
  • 技术积分： 399
  • 用 户 组： 普通用户
  • 注册时间： 2015-09-23 11:47
个人简介

程序猿啊程序猿

文章分类

全部博文（42）

文章存档

2016年（28）

2015年（14）

我的朋友
最近访客
推荐博文
JS实现手机摇一摇事件

分类： JavaScript

2016-05-10 19:24:47


点击(此处)折叠或打开

  1. <body>
  2. <img src="77.jpg" alt="" class="img">
  3. <script type="text/javascript">
  4.   $(document).ready(function(){
  5.     var f=1;
  6.     function donghua(){
  7.     //动画事件
  8.     $(".img").animate({left:'100px',opacity:'0'},2000,function(){f=1;});
  9.     };
  10.     if(window.DeviceMotionEvent) {
  11.     var speed =25;//定义一个数值
  12.     var x = y = z = lastX = lastY = lastZ = 0;//重置所有数值
  13.     window.addEventListener('devicemotion', function(){
  14.     var acceleration =event.accelerationIncludingGravity;//将传感值赋给acceleration
  15.     x = acceleration.x;
  16.     y = acceleration.y;
  17.     z = acceleration.z;

  19.     if(Math.abs(x-lastX) > speed || Math.abs(y-lastY) > speed ) {
  20.     // TODO:在此处可以实现摇一摇之后所要进行的数据逻辑操作
  21.     if(f==1){donghua();f=0;}
  22.     }
  23.     lastX = x;lastY = y;lastZ = z;}, false);
  24.     }
  25.   })
  26. </script>
  27. </body>

阅读(1017) | 评论(0) | 转发(0) |
0

上一篇：JS闭包和JS函数方法

下一篇：JS获得设备，网页，元素，滚动条等高度，宽度属性汇总

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6