Google首页圣诞节音乐演奏Doodle源代码抢先下载

开发 前端
谷歌就是谷歌,在2011圣诞节来临之际推出了又一Doodle神作。你可以通过点击六种颜色的按钮点亮Doodle里的字母,之后doodle就开始自己播放《铃儿响叮当》了。同时整个背景也变成黑色,配合闪亮的彩灯,非常漂亮。

谷歌就是谷歌,在2011圣诞节来临之际推出了又一Doodle神作。

你可以通过点击六种颜色的按钮点亮Doodle里的字母,之后doodle就开始自己播放《铃儿响叮当》了。同时整个背景也变成黑色,配合闪亮的彩灯,非常漂亮。

面对这么有收藏价值的Doodle,当然要把它扒下来,放在自己博客上炫一下了。

下面是我从Google首页上抠下来的圣诞音乐演奏源代码,去掉了一部分无关代码,在Chrome/FF下测试通过,在IE6下勉强通过,但不知为何没有声音。仅供喜欢这个Doodle的朋友收藏,Google保留所有权利。

Google 圣诞演奏音乐 Doodle 在线演示:

 

由于整个Doodle比较大,所以你需要至少800px,才能将整个页面展示出来,否则只能像上面的演示那样,一部分内容被遮挡了。

Google 圣诞演奏音乐 Doodle 源代码打包下载:

Google圣诞演奏音乐源代码

只要使用iframe 引用 “index.htm” ,就可以把整个电吉他效果加到你的独立博客或网站中去了。

如,在你的博客中添加如下代码:

  1. <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/

【编辑推荐】

  1. Google首页涂鸦对流量的巨大影响
  2. Google粘土动画大师阿特·克洛基纪念Doodle 附源码下载
  3. 揭秘Google与Facebook开发之道
  4. Google强推Dart语言替代JavaScript 意欲何为?
  5. Google首页电吉他Doodle源代码抢先下载
责任编辑:陈贻新 来源: 朱俊的博客
相关推荐

2011-06-10 09:01:03

GoogleDoodle

2013-01-28 09:11:56

圣诞推广移动应用

2012-12-28 11:23:36

App Store圣诞节

2017-12-22 17:12:54

圣诞节

2018-12-25 09:27:55

Python圣诞帽程序员

2015-12-04 09:38:03

2013-03-08 11:06:03

JavaEEGlassFish

2013-10-29 11:27:23

FirefoxFirefox 25下载

2021-12-06 14:02:25

勒索软件攻击数据泄露

2015-12-25 16:30:21

JavaScript代码圣诞树

2020-12-24 13:20:17

机器人人工智能圣诞节

2009-02-19 08:49:11

Windows 7发布日期

2019-12-25 15:22:20

Python 开发编程语言

2011-12-20 14:49:21

投影仪推荐

2009-12-25 17:10:54

2011-11-17 10:15:29

Firefox 8.0下载

2011-08-15 13:36:56

Firefox 6.0

2021-12-24 11:58:20

Shell脚本圣诞树编程语言

2013-01-04 11:08:20

云浏览器遨游

2009-05-12 09:13:17

微软SQLSQL Server
点赞
收藏

51CTO技术栈公众号