HTML5实现手机摇一摇更换网页背景色(甩一甩换背景)

2014-02-07 00:43:36 -0500

html代码(css中body位置)

html代码(我的磨撰文使用专版)

代码演示

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

代码说明

HTML5实现手机摇一摇更换背景色，本效果在电脑上看不到效果，手机浏览器需支持HTML5，甩一甩手机就可以看到背景颜色发生变化。建议使用最新版的UC、QQ、Opera浏览器,以获得最好的加速效果渲染。此代码由笑忘书修改,精简转自源码爱好者

使用方法

上述第一个是填入css中,第二个代码使用方法是选择添加文字，选HTML，粘贴进框里的代码.自定义你的颜色方法:替换new Array('#f5f5f5', '#9D9D9D', 'pink', '#FFA042', '#B766AD', '#00A600');中颜色代码为你需要的颜色，修改speed = 12;中的数值可改变触动颜色改变的摇晃程度(数值较小，轻轻摇晃即可换色)

小站报时

«Newer Older»

----Comments(3)----
@x4 | @ at 2014-10-08 07:05:
能切背景图么

@12356 | @ at 2014-02-12 12:23:
http://12356.wodemo.com/down/20140213/264625/OK%E7%A4%BE%E5%8C%BA.apk

追梦小窝 (@yzm) | @ at 2014-02-12 09:06:
不错

Back to home

Subscribe | Register | Login | N