Xpode.com        Click here to Print this article.

Image Float on screen with javascript

To Implement this you should have some images on web page. So to do that Follow these steps

  • Go to google.com
  • Select images tab, and then search Sun or click on below code

    http://images.google.co.in/images?hl=en&q=sun&btnG=Search+Images&gbv=2

  • Now you have lot of images on web page.
  • Now Paste below given code in address bar

     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)




http://


Contributed by:
Rohit kakria
I am software developer, moderator of xpode.com

Resourse address on xpode.com
http://www.xpode.com/Print.aspx?Articleid=59

Click here to go on website