by http://webgeektutorials.blogspot.com

Tuesday, January 4, 2011

Javascript Makes Images Fly

Open any website and paste this javascript code in address bar and press enter. ( For nice results i suggest you to google for some images (ie flowers)


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.getElementsByTagName("img"); 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)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0);

Oh your all images will be dancing across the screen.

To make it slow near the end, "setInterval('A()',5);", change the 5 to a higher number to slow it down.

Woohoo Have fun.

No comments:

Post a Comment