Cute little fireworks that "explode" everytime a person clicks somewhere on your site!
Copy and paste the following code into your webpage to make cute little stars fly everywhere just like if you click anywhere on this page! <SCRIPT LANGUAGE="JavaScript1.2"> <!-- Begin var ver = navigator.appVersion; var dom = document.getElementById ? 1 : 0; var ie5 = (ver.indexOf("MSIE 5") > -1 && dom) ? 1 : 0; var n = (document.layers); var ie = (document.all); var sparksAflyin = 0; var totalSparks = 0; var sparksOn = 1; function initMouseEvents() { document.onmousedown = mouseDown; if (n) document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE); } function mouseDown(e) { if (sparksOn) { var mousex = (n) ? e.pageX : event.x+document.body.scrollLeft; var mousey = (n) ? e.pageY : event.y+document.body.scrollTop; if (!sparksAflyin) { for (var k = 0; k <= 6; k++) eval('SHOW("sDiv'+k+'")'); sparksAflyin = 1; totalSparks = 0; for(i = 0;i <= 6; i++) eval('moveTo('+i+',0,'+mousex+','+mousey+')'); } } } function moveTo(i,j, mousex, mousey){ if (j < eval('anim_'+i+'_x.length') ){ var tempx = eval('anim_'+i+'_x[j]+mousex'); var tempy = eval('anim_'+i+'_y[j]+mousey'); if (ie) { if(tempy+30 > (document.body.offsetHeight+document.body.scrollTop)) tempy = document.body.offsetHeight+document.body.scrollTop-30; if(tempx+30 > (document.body.offsetWidth+document.body.scrollLeft)) tempx = document.body.offsetWidth+document.body.scrollLeft-30; eval('document.all.sDiv'+i+'.style.left = tempx;'); eval('document.all.sDiv'+i+'.style.top = tempy;'); } if (n) { eval('document.layers.sDiv'+i+'.left = tempx;'); eval('document.layers.sDiv'+i+'.top = tempy;'); } j++; // timeout: 60 = fireworks speed, larger number = slower speed setTimeout("moveTo("+i+","+j+","+mousex+","+mousey+")",50) } else { eval('HIDE("sDiv'+i+'")'); totalSparks++; } if (totalSparks == 7) { sparksAflyin = 0; totalSparks = 0; } } function SHOW(divName){ if (document.all) eval('document.all.'+divName+'.style.visibility = "visible";'); else if (document.layers) eval('document.layers["'+divName+'"].visibility = "visible";'); } function HIDE(divName){ if (document.all) eval('document.all.'+divName+'.style.visibility = "hidden";'); else if (document.layers) eval('document.layers["'+divName+'"].visibility = "hide";'); } anim_0_x=new Array(20,20,10,0,0,0,0,0,0,0,0,0); anim_0_y=new Array(-20,-40,-60,-80,-60,-40,-20,0,20,40,60,80); anim_1_x=new Array(20,20,17,36,60,78,90,92,93,98,108,120,133,152,181); anim_1_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253); anim_2_x=new Array(20,20,2,3,4,5,6,7,8,9,10,12,13,15,18); anim_2_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253); anim_3_x=new Array(-20,-20,-2,-1,7,10,18,35,60,102,94,94,93,97,108,111,117,127); anim_3_y=new Array(-20,-25,-64,-89,-104,-150,-173,-197,-213,-199,-151,-101,-66,-17,27,87,140,189); anim_4_x=new Array(-20,-20,-10,-39,-30,-69,-64,-138,-154,-200,-181,-209,-191,-207,-203,-213,-202,-221,-211); anim_4_y=new Array(-20,-20,-28,-51,-79,-100,-135,-154,-193,-183,-149,-134,-89,-60,8,51,107,157,201); anim_5_x=new Array(-20,-29,-51,-72,-105,-133,-164,-189,-209,-229,-247,-270,-279,-282,-283,-283,-285,-286,-288); anim_5_y=new Array(-20,-55,-86,-116,-154,-183,-205,-217,-217,-198,-169,-120,-44,-8,40,87,144,190,248); anim_6_x=new Array(-20,-20,-7,14,44,79,143,186,217,226,234,244,250,259,265,274); anim_6_y=new Array(-20,-21,-72,-113,-139,-166,-188,-181,-126,-68,-3,54,134,187,215,257); // End --> </script> </head> <BODY bgcolor="#FFFFFF" text="#000000" leftmargin="0" rightmargin="3" topmargin="3" marginwidth="0" marginheight="0" OnLoad="initMouseEvents()"> <div id="sparks"> <div id="sDiv0" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#ffff99" size="2"><b>*</B></font></div> <div id="sDiv1" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#ffff99" size="2"><b>*</B></font></div> <div id="sDiv2" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="pink" size="2"><b>*</B></font></div> <div id="sDiv3" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="pink" size="2"><b>*</B></font></div> <div id="sDiv4" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#3399ff" size="2"><b>*</B></font></div> <div id="sDiv5" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#3399ff" size="2"><b>*</B></font></div> <div id="sDiv6" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="hotpink" size="2"><b>*</B></font></div> <div id="sDiv7" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="hotpink" size="2"><b>*</B></font></div>
