js实现飞入星星特效代码_Javascript教程-查字典教程网
js实现飞入星星特效代码
js实现飞入星星特效代码
发布时间:2016-12-30 来源:查字典编辑
摘要:本文实例讲述了js实现飞入星星特效代码,分享给大家供大家参考。具体实现代码如下:复制代码代码如下:星空极速飞入效果xL=8;xH=xW=xR...

本文实例讲述了js实现飞入星星特效代码,分享给大家供大家参考。

具体实现代码如下:

复制代码 代码如下:<html>

<head>

<title>星空极速飞入效果</title>

<style type="text/css">

<!--

body {

background-color: #000066;

}

-->

</style>

</head>

<body>

<script language="JavaScript">

xL=8;

xH=xW=xR=xE=xMY=xMX=xWd=xHd=0;

xF=new Array();

xY=new Array();

xX=new Array();

xS=new Array();

xA=new Array();

xB=new Array();

ini=new Array();

document.write('<div id="sdiv"><div>');

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

document.write('<div id="div"+'font-size:10px;color:#ffffff">.</div>');

}

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

function Set(){

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

transfer(i)

xF[i]=xW/14;

}

}

function Assign(){

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

}

}

function fly(){

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);

}

function transfer(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程序设计有所帮助

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类