|
IE Browser
1. Open an IE web browser and drop an image into it.
2. Copy the following script to the browser Address textbox
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.cos(R*x1+i*x2+x3)*x4+x5;DIS.top=Math.sin(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5);void(0);
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.cos(R*x1+i*x2+x3)*x4+x5;DIS.top=Math.sin(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5);void(0);
3. hit "Enter" key
Firefox browser
1. open FireFox web browser and drop an image to it.
2. copy the following script to the address box
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.cos(R*x1+i*x2+x3)*x4+x5+'px';DIS.top=Math.sin(R*y1+i*y2+y3)*y4+y5+'px';}R++;}setInterval('A()',5);void(0);
3. hit "enter" key
***********************************************************
NOTES:
0. Collect all the current images in the page; then change their location.
in order to get all the images on the page: use "document.images" or "document.getElementsByTagName("img")"; use loop to get all images.
in order to change the location, use "style.left" and "style.top"
1. The address box of the web browser is a good place to test your javascript code.
2. Don't forget add "void(0)" at the end. Otherwise, the code will clear all the page.
javascript:document.body.style.zoom=1.5;
javascript:document.body.style.zoom=1.5;void(0);
3. source link for Javascript and Jquery:
http://www.ccscript.cn/
|
