<p align=center><SCRIPT LANGUAGE="JavaScript1.2"> //<!--Start // Script by Matt Gabbert (tax@nolag.com) // Based on my Fireworks script (javascript.internet.com/bgeffects/mouse-fireworks.html), var sparksOn = true; var speed = 40; var power = 4; // Don't change these values ----- var ns=(document.layers); var ie=(document.all); var sparksAflyin = false; var allDivs = new Array(10); var totalSparks = 0; // ------------------------------- function initShootingStars(){ if(!ns && !ie){ sparksOn = false; return; } document.onmousedown = mouseDown; if (ns) document.captureEvents(Event.MOUSEDOWN); for(dNum=0; dNum<7; ++dNum){ if(ie) allDivs[dNum]=eval('document.all.sDiv'+dNum+'.style'); else allDivs[dNum]=eval('document.layers["sDiv'+dNum+'"]'); } } function mouseDown(e){ if(sparksOn){ var mousex=(ns)?e.pageX:event.x+document.body.scrollLeft; var mousey=(ns)?e.pageY:event.y+document.body.scrollTop; if(!sparksAflyin){ sparksAflyin=true; totalSparks=0; for(var spark=0;spark<=6;spark++){ dx=Math.round(Math.random()*50); dy=Math.round(Math.random()*50); moveTo(spark,mousex,mousey,dx,dy); } } } } function moveTo(i,tempx,tempy,dx,dy){ if(ie){ if(tempy+80>(document.body.offsetHeight+document.body.scrollTop)) tempy=document.body.offsetHeight+document.body.scrollTop-80; if(tempx+80>(document.body.offsetWidth+document.body.scrollLeft)) tempx=document.body.offsetWidth+document.body.scrollLeft-80; } if(tempx>-50&&tempy>-50){ tempx+=dx;tempy+=dy; allDivs[i].left=tempx; allDivs[i].top=tempy; dx-=power;dy-=power; setTimeout("moveTo("+i+","+tempx+","+tempy+","+dx+","+dy+")",speed) } else ++totalSparks if(totalSparks==7){ sparksAflyin=false; totalSparks=0; } } function toggleSparks(){ sparksOn = (sparksOn)? 0:1; } onload=initShootingStars //End--> </script> <style type="text/css"> #sDiv0 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:ff00ff;} #sDiv1 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:ff00ff;} #sDiv2 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:ff00ff;} #sDiv3 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:ff00ff;} #sDiv4 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:ff00ff;} #sDiv5 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:ff00ff;} #sDiv6 {position:absolute; top:-20; left:-20; height:1; width:1; font-family:arial black; font-size:15px; color:ff00ff;} </style> <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> <a href="javascript:toggleSparks()"></a> </form> </font><br>

Click for Demo