<DIV id=sDiv0>*</DIV> <DIV id=sDiv1>*</DIV> <DIV id=sDiv2>*</DIV> <DIV id=sDiv3>*</DIV> <DIV id=sDiv4>*</DIV> <DIV id=sDiv5>*</DIV> <DIV id=sDiv6>*</DIV> <DIV id=sDiv7>*</DIV> <DIV id=sDiv8>*</DIV> <DIV id=sDiv9>*</DIV> <DIV> </DIV> <STYLE type=text/css>
#sDiv0, #sDiv1, #sDiv2, #sDiv3, #sDiv4, #sDiv5, #sDiv6, #sDiv7, #sDiv8, #sDiv9 { position:absolute; height:1; width:1; font-family:arial black; font-size:30px; color:#FF0080; z-index:10; }
</STYLE>
<SCRIPT language=JavaScript1.2> <!--
/* Document firework script (By Matt Gabbert, mgabbert@usrtoday.com, http://www.nolag.com) Featured on Dynamicdrive.com For full source and 100's more DHTML scripts, visit http://www.dynamicdrive.com */
var ns=(document.layers); var ie=(document.all); var w3=(document.getElementById && self.innerWidth && (window.pageXOffset>-1)); //my way of making sure the browser will have what I need
var allDivs = new Array(10); var documentWidth,documentHeight;
function initAll(){ if(!ns && !ie && !w3) return;
for(dNum=0; dNum<10; ++dNum){ if(ie) allDivs[dNum]=eval('document.all.sDiv'+dNum+'.style'); else if(ns) allDivs[dNum]=eval('document.layers["sDiv'+dNum+'"]'); else if(w3) allDivs[dNum]=eval('document.getElementById("sDiv'+dNum+'").style'); moveTo(dNum,0,0); } }
function moveTo(i,tempx,tempy){ if (ie){ documentWidth =document.body.offsetWidth+document.body.scrollLeft-20; randomy=Math.floor(Math.random()*document.body.offsetHeight)+document.body.scrollTop-20; } else if (ns){ documentWidth=window.innerWidth+window.pageXOffset-20; randomy=Math.floor(Math.random()*window.innerHeight)+window.pageYOffset-20; } else if (w3){ documentWidth=self.innerWidth+window.pageXOffset-20; randomy=Math.floor(Math.random()*self.innerHeight)+window.pageYOffset-20; }
if(tempx>-50){ tempx-=45; allDivs[i].left=tempx; allDivs[i].top =tempy; setTimeout("moveTo("+i+","+tempx+","+tempy+")",40) } else setTimeout("moveTo("+i+",documentWidth-10,randomy)",2000/i+40); }
window.onload=initAll //End--> </SCRIPT> |