程序博客网 > c语言if else多个

HTML5实现手机摇一摇更换背景色

来源：互联网发布：c语言if else多个编辑：程序博客网时间：2024/04/30 03:54

HTML5实现手机摇一摇更换背景色，因为手机上大部分浏览器都是支持HTML5的，所以本效果在电脑上看不到效果，把代码复制到手机上运行一下，甩一甩手机就看到颜色变化了。

<!doctype html><html><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width,initial-scale=1.0"/><title>HTML5 手机摇一摇</title><script type="text/javascript">var color = new Array('#fff', '#ff0', '#f00', '#000', '#00f', '#0ff');if(window.DeviceMotionEvent) {var speed = 25;var x = y = z = lastX = lastY = lastZ = 0;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) {document.body.style.backgroundColor = color[Math.round(Math.random()*10)%6];}lastX = x;lastY = y;}, false);}</script></head><body>HTML 5 手机摇一摇，在手机上运行的。</body></html>

0 0

c语言if else多个

c语言if else多个

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子哮喘总是出汗怎么办哮喘治不好怎么办哮喘病人怎么办得了哮喘怎么办感染性哮喘怎么办血糖黎明现象怎么办激素皮肤萎缩怎么办腿萎缩了怎么办输暖管不通怎么办卵巢堵塞怎么办脸部发红肿胀怎么办手指红肿痒痛变粗怎么办结肠积气积粪怎么办结肠内积气积便怎么办哺乳期生病了怎么办哺乳期夏天感冒怎么办哺乳期吃太咸怎么办脑钠肽9.3怎么办粤通卡标签失效怎么办打给飞行模式怎么办飞机压耳怎么办放血后头晕怎么办导航仪黑屏怎么办汽车显示屏黑屏怎么办 gps不能定位怎么办铁路畅行会员怎么办吸盘老化怎么办吸盘老掉吸不住怎么办玻璃桌腿脱了怎么办大疆御姿态模式怎么办遥控器失灵怎么办东芝遥控器失灵怎么办激素水平不稳定怎么办眼毛掉进眼睛里怎么办厕所擦出血怎么办擦屁股不干净怎么办有思想包袱怎么办武汉大学校园网怎么办网上被骗8000怎么办网络被骗怎么办仪表盘塑料发黄怎么办