Friday, March 6, 2009

Neat JavaScript snippet !

  1. Open any website.....which contains images (u can use ur company home page/intranet)
  2. Copy below given code and paste in the Address bar of the same browser window and press enter
  3. All images will start to float on the page !


javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5); void(0)

Note: Ensure that you have copied all of the above code in only 1 line.

1 comment:

Subodh said...

cool link -
Puts the image elements of the page on a Lissajou path.
You can modify the script to move other elements like TD

LinkWithin

Related Posts Plugin for WordPress, Blogger...