ทำพลุที่ถูกยิงขึ้นไปแล้วแตกเป็นหลายๆสี

ทำพลุที่ถูกยิงขึ้นไปแล้วแตกเป็นหลายๆสี

นำ CODE ด้านล่างไปไว้ที่ <head> ครับ

<script language="Javascript"> howmany = 100 // จำนวนลูกไฟเวลาพลุแตก howbig = 12 // ความใหญ่ของลูกไฟเวลาแตก (เลขยิ่งมากยิ่งมีขนาดใหญ่ แต่ ถ้าใส่เป็น 0 ก็จะเป็นบั้งไฟพญานาคไปครับ) launchspeed = 5 // ความเร็วของพลุเวลาพุ่งขึ้นไป (เลขยิ่งมากยิ่งเร็ว) colors = new Array('yellow','orange','blue','white','red','lightgreen'); // สีของลูกไฟ 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>

นำ CODE ด้านล่างไปไว้ที่ <body> ครับ

เพิ่ม onload="starter()" เข้าไปใน <body> ครับ เป็นแบบด้านล่างนี้ครับ