谷歌就是谷歌,在2011圣诞节来临之际推出了又一Doodle神作。
你可以通过点击六种颜色的按钮点亮Doodle里的字母,之后doodle就开始自己播放《铃儿响叮当》了。同时整个背景也变成黑色,配合闪亮的彩灯,非常漂亮。
面对这么有收藏价值的Doodle,当然要把它扒下来,放在自己博客上炫一下了。
下面是我从Google首页上抠下来的圣诞音乐演奏源代码,去掉了一部分无关代码,在Chrome/FF下测试通过,在IE6下勉强通过,但不知为何没有声音。仅供喜欢这个Doodle的朋友收藏,Google保留所有权利。
Google 圣诞演奏音乐 Doodle 在线演示:
由于整个Doodle比较大,所以你需要至少800px,才能将整个页面展示出来,否则只能像上面的演示那样,一部分内容被遮挡了。
Google 圣诞演奏音乐 Doodle 源代码打包下载:
只要使用iframe 引用 “index.htm” ,就可以把整个电吉他效果加到你的独立博客或网站中去了。
如,在你的博客中添加如下代码:
- <iframe src="/uploads/holiday11/index.html" height="500px" width="800px" style="overflow:hidden" frameborder="0" ></iframe>
BSP(博客服务提供商)会过滤大部分HTML代码,所以此方法主要适用于独立博客。
Google 圣诞演奏音乐 Doodle 不发声的解决方案:
你也可以在本地直接打开index.html 来演奏音乐,不过会由于Flash安全设置而无法发声,解决方法:
上传全部文件到服务器,然后用网址的形式打开,可以正常发声,通过IE/FF/Chrome测试。
http://www.macromedia.com/support/documentation/cn/flashplayer/help/settings_manager04.html
打开全局安全设置面板,在这个页面上会加载本地的Flash设置,选择“编辑多个位置–添加位置”,将holiday11.swf.swf所在文件夹加入到信任路径里,就可以本地播放了。
在本地用浏览器打开holiday11.swf,右键–全局设置–高级–受信任位置设置,找到并添加holiday11.swf.swf即可。(感谢网友罗汉果提供)
原文:http://www.zhujun.org/web/google-doodle-holiday11-source-code/
【编辑推荐】