javascript实现网页背景烟花效果的方法

本文实例讲述了爪哇岛描述语言实现网页背景烟花效果的方法。分享给大家供大家参考。具体如下：

这里的网页背景烟花爆炸特效，不用说是用射流研究…实现的，配合黑色背景效果最好，五颜六色的烟花效果，四散的烟花效果，以前发过一些网页上的烟花特效，本款类似，但代码更简洁。

运行效果如下图所示：

具体代码如下：

htmlheadtitle背景的烟花效果/titlestyle type='text/css '！-body {底色： # 000000；}-/style/head dyscript language=' JavaScript ' var col=new Array(' # ffffff '，' #fff000 '，' #ffa000 '，' # ff 000 ff '，' #00ff00 '，' #0000ff '，' # ff 0000 ')；var p=' div id=' RearDiv ' style=' position : absolute；top:0pxleft :0 pxvar n=0；for(I=0；i14I){ n；if(n=(col . length-1))n=0；p=p ' div style='相对位置：宽度：1 pxheight :1 px background : " col[n]"；font-size:3px ' ./div '；} p=p '/div '；文件。写(p)；var Clrs=new Array('ff0000 '，' 00ff00 '，' 000aff '，' ff00ff '，' ffa500 '，' ffff00 '，' ffff 00 '，' ffff 0 ')；var sClrs=新数组(' ffa500 '，' 55ff66 '，' AC9DFC '，' fff000 '，' fff F0 ')；var peepYvar peepXvar步长=5;var TallyStep=0；var back color=' FFA 000 var Mtop=250 var Mleft=250函数dissilient(){ Peppy=window.document.body.clientHeight/3; Peppx=window.document.body.clientWidth/8;放大();tallyStep=step reduce()；T=setTimeout('dissilient()'，20)；}函数放大(){ for(I=0；我研究所有长度；I){ var c=数学。圆(数学。random()*(Clrs。长度-1))；if(tallyStep 90)后部。全部[我]。风格。背景=背景色；if(TallyStep 90)重新设计。全部[我]。风格。背景=Clrs[c]；后方分区。全部[我]。风格。top=Mtop Peppy *数学。sin((tallyStep I * 5)/3)*数学。sin(550 TallyStep/100)；后方分区。全部[我]。风格。左=Mleft Peppy *数学。cos((TallyStep I * 5)/3)*数学。sin(550 TallyStep/100)；} }函数reduce(){ if(tallyStep==220){ tallyStep=-10；var k=数学。圆(数学。random()*(sclrs。长度-1))；back color=SClrs[k]；dtop=窗口。文件。尸体。客户端高度-250；Dleft=peepX * 3.5mtop=数学。圆(数学。random()* Dtop)；数学。圆(数学。random()* Dleft)；文件。全部。后方分区。风格。top=Mtop文档。尸体。滚动顶部；文件。全部。后方分区。风格。left=Mleft文档。尸体。被偷窃；if((Mtop 20)| |(Mleft 20)){ Mtop=90；mleft=90 } } } dissilient()；/脚本/正文/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。