Click here to hide categories Click here to show left categories

User: Home          welcome : Guest          Log In / Register here     




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)


Share this article   |    Print    |    Article read by 4291 times
Author:
Rohit kakria
I am software developer, moderator of xpode.com
Related Articles:
Related Interview Questions: No related interview question