webApp 用js 模仿微信的摇一摇功能DeviceMotionEvent
2014-01-09 00:00
375 查看
webApp 用js 模仿微信的摇一摇功能
<script type="text/javascript"> var color = new Array('#fff', '#ff0', '#f00', '#000', '#00f', '#0ff'); if(window.DeviceMotionEvent) { var speed = 105; var x = y = z = lastX = lastY = lastZ = 0; var ys=1; window.addEventListener('devicemotion', function(){ var acceleration =event.accelerationIncludingGravity; x = acceleration.x; y = acceleration.y; if(Math.abs(x-lastX) > speed || Math.abs(y-lastY) > speed) { ys+=1; alert("你摇一摇换了桌面哦") document.getElementById("text").innerHTML+=ys+"<br />"; document.body.style.backgroundColor = color[Math.round(Math.random()*10)%6]; } lastX = x; lastY = y; }, false); } </script>
相关文章推荐
- Facebook最新的Mobile Web APP版新增的”摇一摇”功能所用到的DeviceMotionEvent事件
- 微信最新js-sdk自定义分享功能问题。继续大神解答!!!!!
- JS模仿手机端九宫格登录功能实现代码
- 微信JS-SDK实际分享功能
- JS+H5实现微信的摇一摇功能
- [Backbone.js]如何用backbone写一个仿网页版微信的webapp?
- 源码推荐(3.27):模仿微信的录音和播放功能,自定义的密码键盘
- 玩转Android之加速度传感器的使用,模仿微信摇一摇
- 模仿微信摇一摇功能 利用js来实现微信摇一摇来自动更换网页背景的功能
- js-分享功能(qq,微信,微博)
- js模仿java的Map集合,实现功能
- 微信JS-SDK实现自定义分享功能,分享给朋友,分享到朋友圈,后台实现
- Vue.js仿微信聊天窗口展示组件功能
- Android移动开发-利用加速度传感器开发仿微信摇一摇功能的实现
- 微信JS-SDK实现自定义分享功能,分享给朋友,分享到QQ,分享到微博
- [微信JS-SDK]微信公众号JS开发之卡券领取功能详解
- android摇一摇功能音效与振动附加微信音效大全下载
- JS通过调用微信API实现微信支付功能的方法示例
- 模仿微信朋友圈 仿微信js-sdk wx.previewImage javascript实现,支持图片预览,滑动切换,双指缩放,图片缓存 h5 html5 js
- 模仿微信摇一摇