+Floating pioggia+

floating

| torna all'elenco | 01 | 02 | 03 | 04 | 05 | 06 | 07 | 08 | 09 | 10 |

| 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Tutorial |

Passo 1: Seleziona il codice nel boxino, adopera poi il tasto destro del mouse per i comandi di copia e incolla. Lo script cosė copiato deve essere inserito all'interno dei tags: <body> e </body>.

<script language="JavaScript1.2"> //Autumn leaves- by Kurt Grigg (kurt.grigg@virgin.net) //Modified by Dynamic Drive for NS6 functionality //visit http://www.dynamicdrive.com for this script //Pre-load your image below! grphcs=new Array(6) Image0=new Image(); Image0.src=grphcs[0]="gocce01.png"; Image1=new Image(); Image1.src=grphcs[1]="gocce02.png" Image2=new Image(); Image2.src=grphcs[2]="gocce03.png" Image3=new Image(); Image3.src=grphcs[3]="gocce04.png" Image4=new Image(); Image4.src=grphcs[4]="gocce05.png" Image5=new Image(); Image5.src=grphcs[5]="gocce06.png" Amount=8; //Smoothness depends on image file size, the smaller the size the more you can use! Ypos=new Array(); Xpos=new Array(); Speed=new Array(); Step=new Array(); Cstep=new Array(); ns=(document.layers)?1:0; ns6=(document.getElementById&&!document.all)?1:0; if (ns){ for (i = 0; i < Amount; i++){ var P=Math.floor(Math.random()*grphcs.length); rndPic=grphcs[P]; document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>"); } } else{ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < Amount; i++){ var P=Math.floor(Math.random()*grphcs.length); rndPic=grphcs[P]; document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">'); } document.write('</div></div>'); } WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; WinWidth=(ns||ns6)?window.innerWidth-90:window.document.body.clientWidth; for (i=0; i < Amount; i++){ Ypos[i] = Math.round(Math.random()*WinHeight); Xpos[i] = Math.round(Math.random()*WinWidth); Speed[i]= Math.random()*5+3; Cstep[i]=0; Step[i]=Math.random()*0.1+0.05; } function fall(){ var WinHeight=(ns||ns6)?(window.innerHeight-20):window.document.body.clientHeight-20; var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; var hscrll=(ns||ns6)?(window.pageYOffset-20):document.body.scrollTop-20; var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft; for (i=0; i < Amount; i++){ sy = Speed[i]*Math.sin(100*Math.PI/200); sx = Speed[i]*Math.cos(Cstep[i]); Ypos[i]+=sy; Xpos[i]+=sx; if (Ypos[i] > WinHeight){ Ypos[i]=-30; Xpos[i]=Math.round(Math.random()*WinWidth); Speed[i]=Math.random()*5+3; } if (ns){ document.layers['sn'+i].left=Xpos[i]; document.layers['sn'+i].top=Ypos[i]+hscrll; } else if (ns6){ document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]); document.getElementById("si"+i).style.top=Ypos[i]+hscrll; } else{ eval("document.all.si"+i).style.left=Xpos[i]; eval("document.all.si"+i).style.top=Ypos[i]+hscrll; } Cstep[i]+=Step[i]; } setTimeout('fall()',100); } window.onload=fall //--> </script>

Passo 2: Non resta che copiare queste gocce:

Cliccandoci sopra, sempre col tasto destro, scegliere "salva immagine con nome", il nome deve rimanere quello originale e cioč: "gocce01.png", "gocce02.png", "gocce.png", "gocce.png", "gocce05.png", "gocce06.png".

LO SCRIPT PRESENTE IN QUESTA PAGINA č DI www.web-link.it

IL CODICE LO TROVATE AL SEGUENTE LINK http://www.web-link.it/scripting/F8_pioggia.htm