Google今天举办世博会如何实施？ [英] how todays google doogle World's Fair is implemented?

问题描述

我想知道它是否使用了HTML5和jquery的强大功能，我可以为此获取任何示例示例吗？ 检查代码，您会发现涂鸦包含多个图片：

• http://www.google.com/logos/2011/worldsfair11-hp-1.gif


• http://www.google.com/ logos / 2011 / worldsfair11-hp-2.gif


• http://www.google.com/logos/2011/worldsfair11-hp-3.gif


• http://www.google.com/logos/2011/worldsfair11-hp-4.gif


• http：// www .google.com /商标/ 2011 /世界fair11-hr.jpg - 实际的静态Doogle


• http://www.google.com/logos/2011/worldsfair11-hp.png

美化JavaScript 位于： http://pastebin.com/r8s9H2jA

它似乎使用JavaScript创建放大镜，并使用CSS / JavaScript的组合将动画元素放置在正确的位置。

$简而言之：

• HTML5：将JavaScript与CSS结合在一起。这本身并不局限于HTML5规范，所以 。 >。

I wanna know is it using the power of HTML5 and jquery any sample example can i get for this ?

解决方案

When examining the code, you will actually see that the doodle consists of multiple images:

• http://www.google.com/logos/2011/worldsfair11-hp-1.gif
• http://www.google.com/logos/2011/worldsfair11-hp-2.gif
• http://www.google.com/logos/2011/worldsfair11-hp-3.gif
• http://www.google.com/logos/2011/worldsfair11-hp-4.gif
• http://www.google.com/logos/2011/worldsfair11-hr.jpg - the actual static Doogle
• http://www.google.com/logos/2011/worldsfair11-hp.png

The beautified JavaScript is here: http://pastebin.com/r8s9H2jA

It seems to use JavaScript to create the loupe and uses a combination of CSS / JavaScript to position the animating elements at the right position.

So in short:

• HTML5: It's JavaScript combined with CSS. This, by itself, is not limited to the HTML5 spec, so no.
• jQuery: no.

这篇关于Google今天举办世博会如何实施？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！