利用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 ...