煙火背景(一)
語法說明： 

在 var fireNo = 5; 中修改煙火的樣式 

在 var fireSize = 80; 中修改煙火的大小 

在 var speed = 5; 中修改煙火的展開速度 

在 var wa = 6; 中修改特效總使用時間 

在 var fireColor = new Array('#ffffff','#ff0000','#00ff00','#ffff00','#00ffff','#ff00ff','#ff8000','#ff80ff','#ff0080'); 中修改煙火的顏色 

在 setTimeout("hanabi()",2000); 中修改煙火之間間隔的時間(每1秒=1000)

煙火背景(二)

<script language="JavaScript">

if (document.all)

with(document){

write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">')

<!-- 在這裡可以修改煙火所散發出光點的大小//-->

write('<div style="position:relative;width:5px;height:10px;background:#ffffff;font-size:2px"></div>')

write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:5px"></div>')

write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:5px"></div>')

write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:5px"></div>')

write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px"></div>')

write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>')

write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>')

write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px"></div>')

write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>')

write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>')

write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>')

write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>')

write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>')

write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>')

write('</div>')

}

<!--禮花爆炸後閃爍的次數//-->

var Clrs=new Array(9)

<!--禮花爆炸後閃爍的色彩列表//-->

Clrs[0]='ff0000';

Clrs[1]='00ff00';

Clrs[2]='000aff';

Clrs[3]='ff00ff';

Clrs[4]='ffa500';

Clrs[5]='ffff00';

Clrs[6]='00ff00';

Clrs[7]='ffffff';

Clrs[8]='fffff0';

<!--禮花的主體的色彩的數量//-->

var sClrs=new Array(5)

<!--禮花的主體的色彩//-->

sClrs[0]='ffa500';

sClrs[1]='55ff66';

sClrs[2]='AC9DFC';

sClrs[3]='fff000';

sClrs[4]='fffff0';

var yBase;

var xBase;

var step;

var currStep = 0;

var Xpos = 1;

var Ypos = 1;

var initialStarColor='ffa000';

var Mtop=250;

var Mleft=250;

function Fireworks() {

if (document.all)

{

yBase = window.document.body.offsetHeight/3;

xBase = window.document.body.offsetWidth/8;

}

else if (document.layers)

{

yBase = window.innerHeight/3;

xBase = window.innerWidth/8;

}

if (document.all)

{

step=5;

for ( i = 0 ; i < starsDiv.all.length ; i++ )

{

for (ai=0; ai < Clrs.length; ai++)

{

var c=Math.round(Math.random()*[ai]);

}

if (currStep < 90)

starsDiv.all[i].style.background=initialStarColor;

if (currStep > 90)

starsDiv.all[i].style.background=Clrs[c];

starsDiv.all[i].style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100)

starsDiv.all[i].style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100)

}

}

else if (document.layers)

{

step = 5;

for ( j = 0 ; j < 14 ; j++ )

{

var templayer="a"+j

for (ai=0; ai < Clrs.length; ai++)

{

var c=Math.round(Math.random()*[ai]);

}

if (currStep < 90)

document.layers[templayer].bgColor=initialStarColor;

if (currStep > 90)

document.layers[templayer].bgColor=Clrs[c];

document.layers[templayer].top = Mtop + yBase*Math.sin((currStep+j*5)/3)*Math.sin(550+currStep/100)

document.layers[templayer].left = Mleft + yBase*Math.cos((currStep+j*5)/3)*Math.sin(550+currStep/100)

}

}

currStep+= step;

<!--禮花持續的時間,數值越大﹐時間長//-->

T=setTimeout("Fireworks()",25);

if (currStep==220)

{

currStep=-10;

for (n=0; n < sClrs.length; n++)

{

var k=Math.round(Math.random()*n);

}

initialStarColor=sClrs[k];

if (document.all)

{

Dtop=window.document.body.clientHeight-250;

Dleft=xBase*3.5;

Mtop=Math.round(Math.random()*Dtop);

Mleft=Math.round(Math.random()*Dleft);

document.all.starsDiv.style.top=Mtop+document.body.scrollTop;

document.all.starsDiv.style.left=Mleft+document.body.scrollLeft;

}

else if (document.layers)

{

Dleft=window.innerWidth-100;

Dtop=window.innerHeight-100;

Mtop=Math.round(Math.random()*Dtop+window.pageYOffset);

Mleft=Math.round(Math.random()*Dleft+window.pageXOffset);

document.layers[templayer].top=Mtop;

document.layers[templayer].left=Mleft;

}

if ((Mtop < 20) || (Mleft < 20))

{

Mtop+=90;

Mleft+=90;

}

}

}

if (document.all||document.layers)

Fireworks();

</script>

<div align="center"></Script>