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

程序猿啊程序猿

文章分类

全部博文(42)

文章存档

2016年(28)

2015年(14)

我的朋友

分类: 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;

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

阅读(1016) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~