今天的Google Doogle世界博览会如何实施?

问题描述

我想知道它是使用HTML5和jquery的强大功能吗，我可以为此获得任何示例示例吗?

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

推荐答案

在检查代码时，您实际上会看到Doodle由多个图像组成:

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 -实际的静态Doogle
• http://www.google.com/logos/2011/worldsfair11- hp.png

• 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

美化的JavaScript 在此处: http://pastebin.com/r8s9H2jA

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

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.

简而言之:

• HTML5:JavaScript与CSS结合使用.就其本身而言，它不仅限于HTML5规范，所以 no .
• jQuery:否.

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