Падающий снег.

hand.gif (969 bytes)Ограничения: Netscape 4.0+  или Microsoft Internet Explorer 4.0+.

Описание:

Эффект падающего снега. Управлять скоростью падения снега можно через переменную speed . Число снежинок задается в переменной no.

                                                        


Инструкция:

Шаг 1.
Распакуйте из архива snow.zip файлы snow.gif, el.gif, dm.gif, bell1.gif, bell2.gif и переместите их в то же место, что и Ваша HTML-страница, которая будет использовать этот апплет.
Шаг 2.
В тэг <body> Вашей HTML-страницы поместите следующий код:
<body>

<script language="JavaScript1.2">
var no=15;
var speed=10;
var snowflake="snow.gif";
var ns4up=(document.layers)?1:0;
var ie4up=(document.all)?1:0;
var dx,xp,yp;
var am,stx,sty;
var i,doc_width=800,doc_height=600;
if(ns4up){doc_width=self.innerWidth;doc_height=self.innerHeight;}
else if(ie4up){doc_width=document.body.clientWidth;doc_height=document.body.clientHeight;}
dx=new Array();
xp=new Array();
yp=new Array();
am=new Array();
stx=new Array();
sty=new Array();
for(i=0;i<no;++ i){
dx[i]=0;
xp[i]=Math.random()*(doc_width-50);
yp[i]=Math.random()*doc_height;
am[i]=Math.random()*20;
stx[i]=0.02+Math.random()/10;
sty[i]=0.7+Math.random();
if(ns4up){
if(i==0){
document.write("<layer name=\"dot"+i+"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake+"\" border=\"0\"></layer>");
}else{
document.write("<layer name=\"dot"+i+"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake+"\" border=\"0\"></layer>");
}
}else if(ie4up){
if(i==0){
document.write("<div id=\"dot"+i+"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+i+"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake+"\" border=\"0\"></div>");
}else{
document.write("<div id=\"dot"+i+"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+i+"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake+"\" border=\"0\"></div>");
}
}
}
function snowNS(){
for(i=0;i<no;++i){
yp[i]+=sty[i];
if(yp[i]>doc_height-50){
xp[i]=Math.random()*(doc_width-am[i]-30);
yp[i]=0;
stx[i]=0.02+Math.random()/10;
sty[i]=0.7+Math.random();
doc_width=self.innerWidth;
doc_height=self.innerHeight;
}
dx[i]+=stx[i];
document.layers["dot"+i].top=yp[i];
document.layers["dot"+i].left=xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()",speed);
}
function snowIE(){
for(i=0;i<no;++i){
yp[i]+=sty[i];
if(yp[i]>doc_height-50){
xp[i]=Math.random()*(doc_width-am[i]-30);
yp[i]=0;
stx[i]=0.02+Math.random()/10;
sty[i]=0.7+Math.random();
doc_width=document.body.clientWidth;
doc_height=document.body.clientHeight;
}
dx[i]+=stx[i];
document.all["dot"+i].style.pixelTop=yp[i];
document.all["dot"+i].style.pixelLeft=xp[i]+am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()",speed);
}
if(ns4up){snowNS();}
else if(ie4up){snowIE();}
// End SNOW-->
</script>

</body>


Источник материалов: http://dynamicdrive.com/


Copyright © 2001 г. Юрий Сергеев

При использовании материалов обязательна ссылка на
 
 http://www.crosswinds.net/~ysergeev/money.htm


Падающий снег.

 

Хостинг от uCoz