十二 24
谷歌就是谷歌,在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即可。(感谢网友罗汉果提供)
除非注明,本博客文章均系原创,转载请以链接形式标明出处地址。
安以轩
你把源代码都粘贴过来了啊,厉害
小峰
帮忙今天的 google 的logo能否帮下载,谢谢啊
朱俊
孙悟空的doodle吗?我看看忙完还有没有时间吧。。。
小峰
是的,谢谢啊,春节快乐!
洛城东华
「就可以把整个电吉他效果加到你的独立博客或网站中去了」
复制粘贴么w
朱俊
要把电吉他源代码上传到服务器,然后用iframe那段代码。
洛城东华
圣诞音乐演奏的Doodle和电吉他什么关系orz
朱俊
沒啥关系,是2个不同的doodle
小峰
是的,辛苦了,春节快乐!
夕阳
速度好快啊。。。不会搞:(
朱俊
上传到服务器,然后用iframe引用就出来了。