教程集 > 脚本编程 > javascript > 正文 js实现网页飞入星星的效果

js实现网页飞入星星的效果

发布时间：2016-10-29 编辑：jiaochengji.com

教程集为您提供js实现网页飞入星星的效果等资源，欢迎您收藏本站，我们将为您提供最新的js实现网页飞入星星的效果资源

js实现网页飞入星星是需要由背景与飞入点配合才可以有这种效果了，否则也就看不到星星效果了，下面我们来看看吧。

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" ><html> <head> <title>星空极速飞入效果</title> <style type="text/css"> </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('

'); for (i=0; i < xL; i ){ document.write('

'); } document.write('

'); 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></textarea>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
js实现网页飞入星星的效果
 天天酷跑神秘天蝎怎么样天天酷跑神秘天蝎值得入手吗
 JavaScript显示当前日期与时间(年月日星期和时间)
基于jQuery的星级评分插件
 怎样用canvas绘制星空,月亮,大地,添加文字
 标题栏显示当前日期与时间的js代码
 基于Jquery与WebMethod投票功能实现代码
 Illustrator设计绘制超酷效果的立体字效果教程
 Python：星号变量的用法（单、双星号）
利用HTML5 Canvas实现打飞机游戏

上一篇：js禁止用户复制网页内容特效代码下一篇：javascript 背景一闪闪特效代码

[关闭]

js实现网页飞入星星的效果

最近更新

浏览排行