Q:

how todays google doogle World's Fair is implemented?

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

A:

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.

