js实现宇宙星空背景效果的方法

本文实例讲述了射流研究…实现宇宙星空背景效果的方法。分享给大家供大家参考。具体实现方法如下：

复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//h2D XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/h2D/XHTML 1-Transitional。h2D ' html xmlns=' http://www .w3。org/1999/XHTML '标题宇宙星空背景效果，Js特效/title MetA http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/style type=' text/CSS ' .星形{ position:absolute图层-背景-颜色：白色；可见性：可见；top :-50px；宽度：50 px高度：50 pxfont-size :1 px背景-颜色：白色；} .60 pt { font-size :60 ptcolor : # ff 66cc }/style script LANguage=' JAVAScript '！-var starnum=75；//星星的数目var ISNs=(文档。层)；var _all=(isNS)？' : '全部；var _style=(isNS)？”' : '.样式；var xoffset、yoffset、w_x、w_y、tmpx、tmpy、scrlx、scrly函数getstartpos(obj) { //定义星星移动的起始位置物体。deltay=数学。地板(数学。random()* 12)；//用随机函数决定物体。deltax=数学。地板(数学。random()* 12)；物体。xdir=(数学。地板(数学。' random()* 2)=1 '？' : '-';物体。ydir=(数学。地板(数学。' random()* 2)=1 '？' : '-';物体。计数器=1；if(ISNs){ obj。夹子。宽度=1；物体。夹子。高度=1；obj.moveTo(xoffset pageXOffset，yoffset pageYOffset)；} else { obj。宽度=1；物体。高度=1；物体。PixelTop=yoffset文档。尸体。scrollTop物体。Pixelleft=xoffset文档。尸体。被偷窃；} }函数movestar(starN) //移动星星的位置{ tmpx=STARn。deltax * STARn。STARn计数器。计数器；tmpy=STARn。deltay * STARn。STARn计数器。计数器；if(ISNs){ STARn。夹子。宽度=STARn。计数器/3；史丹恩。夹子。高度=starn。计数器/3；scrlx=pageXOffsetscrly=pageYOffsetif((STARn。left tmpx=w _ x scrlx)| |(STARn。top tmpy=w _ y scrly)| |(STARn。left-tmpx=scrlx)| |(STARn。top-tmpy=sc rly)){ getstart pos(STARn)；} else { eval(' STARn。moveBy(' STARn。xdir tmpx '，' STARn。ydir tmpy ')))；} } else { STARn。宽度=STARn。计数器/3；史丹恩。高度=starn。计数器/3；scrlx=文档。尸体。被偷窃；sc rly=文档。尸体。滚动顶部；if((STARn。pixelleft tmpx=w _ x scrlx)| |(STARn。pixeltp tmpy=w _ y sc rly)| |(STARn。Pixelleft-tmpx=scrlx)| |(STARn。pixeltp-tmpy=sc rly)){ getstartpos(STARn)；} else { eval(' STARn。PixelTop ' STARn。ydir '=tmpy ')；eval(' STARn。Pixelleft ' STARn。xdir '=tmpx ')；} } starN.counter}函数动画()//让所有的星星动起来{ for(I=1；I=starnumI){ move star(eval(' star ' I))；}setTimeout('animate()'，100)；}函数findwindowparams() { //定义星星移动的起始位置w_x=(isNS)？窗户。内部宽度：文档。尸体。客户端宽度；w_y=(isNS)？窗户。内部高度：文件。尸体。客户身高；xoffset=w _ x/2；yoffset=w _ y/2；for(I=1；I=star numi){ getstartpos(eval(' star ' I))；} }函数resizeNS(){ setTimeout('文档。位置。reload()'，400)；}(isNS)？窗户。on resize=resizeNS :窗口。on resize=find windowparams窗户。onload=new Function(' find windowparams()；动画();');-/script/head dybody bgcolor=# 999999 script LANguage=' JAVAScript '！-for(I=1；i=starnumi ) { //给星星定义层文件。writeln(' div id=' star ' I ' ' class=' star '/div ')；eval(' var star ' I=)文档_ all ' star ' I _ style)；}-/scripter font class=60 ptbr飞翔在英国铁路公司宇宙的星空中br/font/centep/body/html

运行效果如下图所示：

希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。