[代码收集]HTML5实现手机摇一摇更换网页背景色(甩一甩换背景) - 笑忘书网页代码收藏馆

首页-代码 2014-01-27 05:19:41 -0500

请勿抄袭本页面

代码说明

HTML5实现手机摇一摇更换背景色，本效果在电脑上看不到效果，手机浏览器需支持HTML5，甩一甩手机就可以看到背景颜色发生变化。转自源码爱好者

使用方法及注意事项使用前请先阅读本内容

替换new Array('#f5f5f5', '#9D9D9D', 'pink', '#FFA042', '#B766AD', '#00A600'); 中颜色代码为你需要的颜色，修改speed = 12;中的数值可改变触动颜色改变的摇晃程度(数值较小，轻轻摇晃即可换色)

html代码(body位置)

html代码(我的磨专用版)

代码演示

♥摇一摇手机，换个背景色吧

[代码仅供参考，转载请注明出处]

----Comments(8)----
落叶似秋 (@zyw8) | @ at 2014-02-11 17:55:
不错啊

quan0 (@199785) | @ at 2014-01-27 09:43:
怎么摇都没变，QQ浏览器最新版

adj (@adj) | @ at 2014-01-27 06:45:
真的变色了！！

csngmap (@csngmap) | @ at 2014-01-27 06:39:
这个有点意思…转了

笑忘书 (@35230) | @ at 2014-01-27 05:36:
已经屏蔽了那部分CSS，可以瞬间变色了

万老板 (@wjt) | @ at 2014-01-27 05:27:
哦哦

笑忘书 (@35230) | @ at 2014-01-27 05:26:
因为我自己的磨某部分CSS影响了背景色变化的速度

万老板 (@wjt) | @ at 2014-01-27 05:22:
你这变色是缓慢的。