Zeer mooi vuurwerk script... je kunt de snelheid, kleuren en grootte instellen... Werkt het beste met een donkere achtergrond.
<script language="Javascript"> howmany = 120 // hoeveel vonken komen van het vuurwerk af howbig = 30 // Hoe groot (radius, is acht keer groter dan dit nummer) launchspeed = 8 // snelheid van afschieten colors = new Array('yellow','orange','blue','white','red','lightgreen'); // kleuren van het vuurwerk function spark(div) { this.css = document.getElementById(div).style; this.show = function() { this.css.visibility="visible"; } this.hide = function() { this.css.visibility="hidden"; } this.moveTo = function(x,y){ this.x=x; this.y=y; this.css.left=x; this.css.top=y; } this.bg = function(col){ this.css.backgroundColor=col; } this.resize = function(w,h){ this.css.overflow="hidden"; this.css.width=w; this.css.height=h; } return this; } function init(){ if(parseInt(launch.top) > center_y){ launch.top = parseInt(launch.top)-launchspeed; setTimeout('init()',1); }else{ launch.visibility="hidden"; for(i=0;i<sparks.length;i++){ sparks[i].show(); sparks[i].inc = (Math.random()*10); sparks[i].ang = (Math.random()*360); } counter = 0; doExplode(); } } function doExplode(){ if(counter < howbig){ counter++; for(i=0;i<sparks.length;i++){ x = center_x + (counter*sparks[i].inc) * Math.sin(sparks[i].ang * Math.PI/180); y = center_y + (counter*sparks[i].inc) * Math.cos(sparks[i].ang * Math.PI/180); sparks[i].moveTo(x,y); } setTimeout('doExplode()',1); }else{ for(i=0;i<sparks.length;i++){ sparks[i].hide(); } launch.visibility="visible"; getDimens(); launch.top = bottom-15; launch.left = l; init(); } } function getDimens(){ if(document.all){ bottom = document.body.clientHeight; width = document.body.clientWidth; }else{ bottom = innerHeight; width = innerWidth; } center_y = (bottom/2)-50; center = width/2; l = (Math.random()*(width/2))+(width/4); center_x = l; } </script>
<body bgColor="black" onload="starter()">
<script language="Javascript"> sparks = new Array(); document.write('<div id="launcher" style="position: absolute; width: 3; height: 15; overflow: hidden; background-color: white"></div>'); launch = document.getElementById('launcher').style; for(i=0;i<howmany;i++){ document.write('<div id="spark'+i+'" style="position: absolute"></div>'); sparks[i] = new spark('spark'+i); sparks[i].resize(1,1); sparks[i].hide(); num = Math.round(Math.random()*(colors.length-1)) col = colors[num]; sparks[i].bg(col); } function starter(){ getDimens(); launch.top = bottom-15; launch.left = l; init(); } </script>
© www.leejoo.nl