先來看下demo效果圖：
先來看下html5的這幾個特性：
如何判斷使用者搖晃了手機？考慮的要點如下： 1、使用者大多時候都是以乙個方向為主晃動手機來進行搖動； 2、在晃動時三個方向的加速度資料必定都會變化； 3、我們不能誤判手機正常的運動行為，例如我們在走路時，放在褲兜裡的手機也會有加速度資料變化。 綜上，我們應該針對三個方向的加速度進行計算，間隔測量它們，考察它們在固定時間段裡的變化率，而且需要為它確定乙個閾值來觸發動作。
**如下：
var shakethreshold = 1000; //定義乙個搖動的閾值
var lastupdate = 0; //
記錄上一次搖動的時間
var x, y, z, lastx, lasty, lastz; //
定義x、y、z記錄三個軸的資料以及上一次觸發的資料
//監聽感測器運動事件
if(window.devicemotionevent)
else
//運動感測器處理
function
devicemotionhandler(eventdata)
lastx =x;
lasty =y;
lastz =z;}}
你若安好，便是晴天！
HTML 5實現手機搖一搖的功能
html5另外乙個重要特性就是deviceorientation，它將底層的方向感測器和運動感測器進行了高階封裝，提供了dom事件的支援。這個特性包括兩種事件 1 deviceorientation 封裝了方向感測器資料的事件，可以獲取手機靜止狀態下的方向資料，例如手機所處角度 方位 朝向等。2 d...
瘋狂html5講義（一） HTML5簡介
1.在html發展歷史中，最廣為人知的是html3.2和html4.01.2.將html與xml的長處加以結合,從而得到xhtml,xhtml是更嚴格 更純淨的html 3.w3c組織使用dtd document type definition，文件型別定義 來定義html和xhtml的語義約束，包...
HTML5實現拖放
拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性，即抓取物件以後拖到另乙個位置。在 html5 中，拖放是標準的一部分，任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...