Эффект падающего снега на сайте javascript

Эффект падающего снега

Красивый эффект падающих снежинок, которые в конце страницы начинают таить.

<CENTER><B> Вы просматриваете пример работы скрипта падающего снега! </B></CENTER>
<script language="JavaScript1.2">

grphcs=new Array(6);

Image0=new Image();

Image0.src=grphcs[0]="images/snow1.gif";

Image1=new Image();

Image1.src=grphcs[1]="images/snow.gif";

Image2=new Image();

Image2.src=grphcs[2]="images/snow2.gif";

Image3=new Image();

Image3.src=grphcs[3]="images/snow3.gif";

Image4=new Image();

Image4.src=grphcs[4]="images/snow4.gif";

Image5=new Image();

Image5.src=grphcs[5]="images/snow5.gif";

Image6=new Image();

Image6.src=grphcs[6]="images/snow.gif";

Amount=15;

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];//osw

document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');

}

document.write('</div></div>');

}

WinHeight=600;

WinWidth=(ns||ns6)?window.innerWidth-70: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]= 1.2;

Cstep[i]=0;

Step[i]=Math.random()*0.1+0.2;

}

function fall(){

var WinHeight=600;

var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;

var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;

var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;

for (i=0; i < Amount; i++){

sy = Speed[i]*Math.sin(90*Math.PI/180);

sx = Speed[i]*Math.cos(Cstep[i]);

Ypos[i]+=sy;

Xpos[i]+=sx;

if (Ypos[i] > WinHeight){

Ypos[i]=-60;

Xpos[i]=Math.round(Math.random()*WinWidth);

Speed[i]=1;

}

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()',40);

}

window.onload=fall

//-->

</script>

Разделы сайта

Достоинства JavaScript Сравнение JavaScript с другими популярными языками программирования.

Объекты и их атрибуты Наиболее часто в сценариях javascript нам придется обращаться к объектам.

Объекты и их имена
Веб страница представляет собой набор объектов содержащих в себе информацию.