js实现飞入星星特效代码
本文实例讲述了js实现飞入星星特效代码，分享给大家供大家参考。
具体实现代码如下：
<html>
<head>
<title>星空极速飞入效果</title>
<styletype="text/css">
<!--
body{
background-color:#000066;
}
-->
</style>
</head>
<body>
<scriptlanguage="JavaScript">
xL=8;
xH=xW=xR=xE=xMY=xMX=xWd=xHd=0;
xF=newArray();
xY=newArray();
xX=newArray();
xS=newArray();
xA=newArray();
xB=newArray();
ini=newArray();
document.write('<divid="sdiv"style="position:absolute;top:0px;left:0px"><divstyle="position:relative">');
for(i=0;i<xL;i++){
document.write('<divid="div"style="position:absolute;top:0;left:0;width:5px;height:5px;'+'font-size:10px;color:#ffffff">.</div>');
}
document.write('</div></div>');
functionSet(){
for(i=0;i<xL;i++){
transfer(i)
xF[i]=xW/14;
}
}
functionAssign(){
sdiv.style.top=document.body.scrollTop;
for(i=0;i<xL;i++){
xF[i]-=xS[i]*25;
if(xF[i]<4)xF[i]=3;
div[i].style.top=xY[i];
div[i].style.left=xX[i];
div[i].style.fontSize=xF[i];
}
}
functionfly(){
xMY=window.document.body.clientHeight/2;
xMX=window.document.body.clientWidth/2;
xWd=Math.round(Math.random()*40+5);
xHd=Math.round(Math.random()*30+5);
for(i=0;i<xL;i++){
xY[i]=xA[i]+=(xMY-xA[i])*(xS[i]);
xX[i]=xB[i]+=(xMX-xB[i])*(xS[i]);
if((xX[i]>xMX-xWd)&&(xX[i]<xMX+xWd)&&(xY[i]>xMY-xHd)&&(xY[i]<xMY+xHd)){
transfer(i)
}
if((xX[i]<0)||(xX[i]>xW)||(xY[i]<0)||(xY[i]>xH)){
xF[i]=xW/14;
}
}
Assign();
setTimeout('fly()',1);
}
functiontransfer(i){
xH=window.document.body.offsetHeight;
xW=window.document.body.offsetWidth;
xA[i]=Math.round(Math.random()*xH);
xB[i]=Math.round(Math.random()*xW);
xS[i]=Math.random()*0.05+0.05;
xR=Math.round(Math.random()*3);
xE=Math.round(Math.random()*50+50);
if(xR==3)xB[i]=-xE;
if(xR==2)xB[i]=xW+xE;
if(xR==1)xA[i]=-xE;
if(xR==0)xA[i]=xH;
}
Set();
fly();
</script>
</body>
</html></td>
</tr>
</table>
希望本文所述对大家的javascript程序设计有所帮助