论坛首页 Web前端技术论坛

再现Google《芝麻街》Doodle的效果

浏览 4828 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2011-09-26  
Google 首页的动态涂鸦是为了庆祝《芝麻街》木偶的创造者——吉姆·亨森(Jim Henson)75 周年诞辰。1936 年,吉姆·亨森出生于美国密西西比州,是公认的木偶大师,1969 年吉姆·亨森公司制作的儿童教育节目《芝麻街》一经推出即风靡世界。

《芝麻街》最为人熟悉的是节目中采用大量布偶(Muppet)作为大部份主角,这些布偶的创造者正是吉姆·亨森。除了在电视播放,芝麻街也曾推出电影、玩具、书本、录影带等副产品。由于其传播之广泛,影响之久远,芝麻街被公认是世界上最家喻户晓的幼儿教育节目。

今天的动态涂鸦选取了 5 个布偶,点击每个布偶或其下放得按钮就可以将其激活,它的目光会随着鼠标转动,点击鼠标或敲击键盘木偶就会张口一次。

还有隐藏的彩蛋效果:狂点最右边的那个红色小怪物,它会发怒哦,后果很严重!绿色的多点几次,就被红的给吃了。左边第二个,狂点,扔眼镜。谷歌就是有创意~

下面实现了这个效果,大家可以看看。直接贴个地址吧。

http://www.nowamagic.net/librarys/veda/detail/108

吉姆·亨森1936年出生于美国密西西比州,他自小喜欢绘画,尤其爱画卡通人物,十多岁时爱上由腹语大师埃德加·伯根主持的电台节目,同时也开始热爱木偶剧,觉得两者同样以说话古灵精怪做卖点,十分有趣。

谷歌logo纪念吉姆·亨森·芝麻街由6个卡通组成,下面有6个按钮,你可以点击随意一个按钮,对应的卡通人物就会动起了,正好6个卡通与按钮与google6个字母相呼应。

Google Doodle会纪念一些伟大的人物,如C元素发现者阿尔伯特·森特·哲尔吉、雕塑大师亚历山大·考尔德等,吉姆·亨森也是google doodle值得纪念的人。
   发表时间:2011-09-26  
我的评论AAA
0 请登录后投票
   发表时间:2011-09-27  
chrome,ie8 测试通过,可惜就是没有触发 隐藏效果
Firefox 6.0 下看不到木偶
0 请登录后投票
   发表时间:2011-09-28  
chrome  丢眼镜那个动作没出来..
0 请登录后投票
   发表时间:2011-09-28  
chrome 彩蛋效果都出来了!
0 请登录后投票
   发表时间:2011-09-28  
[̲̅f̲̅][̲̅i̲̅][̲̅r̲̅][̲̅e̲̅][̲̅f̲̅][̲̅o̲̅][̲̅x̲̅][̲̅,̲̅][̲̅彩̲̅][̲̅蛋̲̅][̲̅效̲̅][̲̅果̲̅][̲̅全̲̅][̲̅有̲̅][̲̅,̲̅][̲̅并̲̅][̲̅且̲̅][̲̅是̲̅][̲̅在̲̅][̲̅没̲̅][̲̅看̲̅][̲̅文̲̅][̲̅章̲̅][̲̅的̲̅][̲̅情̲̅][̲̅况̲̅][̲̅下̲̅][̲̅,̲̅][̲̅点̲̅][̲̅出̲̅][̲̅的̲̅][̲̅。̲̅]
0 请登录后投票
   发表时间:2011-09-28  
非常BT。。
0 请登录后投票
   发表时间:2011-09-28  
哎 都是牛人呀
0 请登录后投票
   发表时间:2011-09-30  
这个垃圾贴,贴真久。。
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics