HTML Codes

//Fireworks\\

Example: click anywhere on this page

*

*

*

*

*

*

*

Copy the code below.

<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>

Paste into the body of your page.

~~rewind

Online:	1
Today:	340
Total:	432221