css3和js实现重力感应(经测试,andriod4.2支持)
来源:互联网 发布:淘宝怎么给差评 编辑:程序博客网 时间:2024/06/08 15:12
<img src="http://img1.wgsails.com/yuetaojie/slider/227/193/089/index/轻复古.jpg" id="imgLogo" alt=""> <p id="moCalcTiltLR"></p><p id="moCalcTiltFB"></p>
<script> function deviceMotionHandler(eventData) { // var acceleration = eventData.accelerationIncludingGravity; var facingUp = -1; if (acceleration.z > 0) { facingUp = +1; } var tiltLR = Math.round(((acceleration.x) / 9.81) * -90); var tiltFB = Math.round(((acceleration.y + 9.81) / 9.81) * 90 * facingUp); document.getElementById("moCalcTiltLR").innerHTML = tiltLR; document.getElementById("moCalcTiltFB").innerHTML = tiltFB; var rotation = "rotate(" + tiltLR + "deg) rotate3d(1,0,0, " + (tiltFB) + "deg)"; document.getElementById("imgLogo").style.webkitTransform = rotation; } // if (window.DeviceMotionEvent) { window.addEventListener('devicemotion',deviceMotionHandler, false); }else{ alert('亲,你的浏览器不支持DeviceMotionEvent哦~'); } </script>
0 0
- css3和js实现重力感应(经测试,andriod4.2支持)
- Android 重力感应 测试代码
- HTML5 重力感应 JS调试
- cocos2d - JS 重力感应监听
- Android 小球重力感应实现
- IOS 重力感应的实现
- Android重力感应实现方式
- Android 小球重力感应实现
- Android重力感应实现方式
- Android重力感应实现方式
- 【转】重力感应和罗盘
- 加速度、重力感应和陀螺仪、、
- 重力感应
- 重力感应
- 重力感应
- 重力感应
- 重力感应
- Android 手机重力感应实现简单介绍
- 第九周 【项目-深复制体验】2
- 项目一(2)数组做数据成员
- c++快速排序的实现
- Visualizing and Understanding Convolutional Networks笔记
- 消息循环的原理
- css3和js实现重力感应(经测试,andriod4.2支持)
- 带武器的角色类
- 第九周项目2-我的数组类
- iOS开发: iOS蓝牙4.0开发例子
- 第九周实践项目1.2-深复制体验
- 数据挖掘-Logistic回归建模
- 改进的冒泡排序
- 第九周项目1阅读程序(3)
- 编程小练习