利用HTML5的一个重要特性 —— DeviceOrientation来实现手机网站上的摇一摇功能
介绍之前做两个声明： 以下代码可以直接运行，当然你别忘了引用jQuery才行。 ...
原文：HTML5的DeviceOrientation实现微信摇一摇功能
在HTML 中，DeviceOrientation特性所提供的DeviceMotion事件封装了设备的运动传感器时间，通过改时间可以获取设备的运动状态 加速度等数据 另还有deviceOrientation事件提供了设备角度 朝向等信息 。而通过DeviceMotion对设备运动状态的判断，则可以帮助我们在网页上就实现 摇一摇 的交互效果。 运动事件监听 获取加速度信息 摇一摇 的动作既 一定时间 ...
2015-09-17 18:47 0 1901 推荐指数：
相关推荐
HTML5实现摇一摇的功能（实测后）--转
eviceMotionEvent（设备运动事件）返回设备有关于加速度和旋转的相关信息。加速度的数据将包含三个轴：x，y和z（示意如下图所 示，x轴横向贯穿手机屏幕或者笔记本键盘，y轴纵向贯穿手机屏幕或 ...
HTML5实现摇一摇
一、原理： 利用devicemotion获取移动速度，得到device移动时相对之前某个时间的差值比 二、效果图： 三、源码： //先判断设备是否支持HTML5摇一摇功能 if (window.DeviceMotionEvent) { //获取 ...
shake.js实现微信摇一摇功能
项目要求实现点击摇一摇图片，图片摇一摇，并且摇一摇手机，图片也要摇一摇。 关于用js怎样实现摇一摇手机图片摇一摇，我在网络上找了一些方法，真正有用的是shake.js。 接下来，上shake.js源码： View Code 我的项目 ...
Adobe Edge Animate --使用HTML5实现手机摇一摇功能
Adobe Edge Animate --使用HTML5实现手机摇一摇功能 版权声明: 本文版权属于 北京联友天下科技发展有限公司。 转载的时候请注明版权和原文地址。 HTML5的发展日新月异，其功能也越来越丰富和完善，比如12年HTML5可支持手机摇一摇功能，本文末尾将附上有关技术问题 ...
微信的摇一摇是怎么实现的~发现原来 ios本身就支持
在 UIResponder中存在这么一套方法 - (void)motionBegan:(UIEventSubtype)motion withEvent:(UIEvent *)event __OSX_ ...
html5实现web app摇一摇换歌
微信可以摇歌曲，根据声音识别出歌曲，然后返回歌曲信息，利用html5的deviceOrientation特性和deviceMotion事件也可以在web app上实现类似于微信摇一摇的功能，原生的app实现也有相关接口，这里只考虑web app的情况...... Section ...
HTML5 重力感应效果，实现摇一摇效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width ...