untitled
viviti

Mouse fireworks

underneath each picture is the code .You need to insert the code into the BODY section of your webpage.

all graphics are there respected owners

click anywhere to see an example of the fire works

you must remove the part that is in bold and add the url of your image .

the best way to do this is to if you have a host that gives you a photo album upload the picture to your photo album click on the photo and get the url . thats the best  way ,plus it will be in your directory and you dont have to fear that the person will delete or move that image .

  <BODY leftmargin="0" rightmargin="3" topmargin="2" 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="#B010FD" size="2"><b><img src="URLOFTHEPIC"></B></font></div>
<div id="sDiv1" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#B010FD" size="2"><b><img src="URLOFTHEPIC"></B></font></div>
<div id="sDiv2" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#FD1E10" size="2"><b><img src="URLOFTHEPIC"></B></font></div>
<div id="sDiv3" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#1710FD" size="2"><b><img src="URLOFTHEPIC"></B></font></div>
<div id="sDiv4" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#FD1E10" size="2"><b><img src="URLOFTHEPIC"></B></font></div>
<div id="sDiv5" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#B010FD" size="2"><b><img src="URLOFTHEPIC"></B></font></div>
<div id="sDiv6" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#B010FD" size="2"><b><img src="URLOFTHEPIC "></B></font></div>

<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><a href="http://theromancelodgee.bravehost.com/elegant.html"><img src="http://theromancelodgepoetrysection.bravehost.com/ http://photos.bravenet.com/187/340/009/2/F503AED8DB.gif  "></a>

 

 <BODY leftmargin="0" rightmargin="3" topmargin="2" 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="#B010FD" size="2"><b><img src="URLOFTHEPIC"></B></font></div>
<div id="sDiv1" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#B010FD" size="2"><b><img src="URLOFTHEPIC"></B></font></div>
<div id="sDiv2" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#FD1E10" size="2"><b><img src="URLOFTHEPIC    "></B></font></div>
<div id="sDiv3" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#1710FD" size="2"><b><img src="URLOFTHEPIC"></B></font></div>
<div id="sDiv4" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#FD1E10" size="2"><b><img src="URLOFTHEPIC"></B></font></div>
<div id="sDiv5" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#B010FD" size="2"><b><img src="URLOFTHEPIC"></B></font></div>
<div id="sDiv6" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#B010FD" size="2"><b><img src="URLOFTHEPIC"></B></font></div>

<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><a href="http://theromancelodgee.bravehost.com/elegant.html"><img src="http://theromancelodgepoetrysection.bravehost.com/ http://photos.bravenet.com/187/340/009/2/631A89B973.gif  "></a>

 

 

 

 

 

  <BODY leftmargin="0" rightmargin="3" topmargin="2" 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="#B010FD" size="2"><b><img src="URLOFTHEPIC"></B></font></div>
<div id="sDiv1" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#B010FD" size="2"><b><img src="URLOFTHEPIC"></B></font></div>
<div id="sDiv2" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#FD1E10" size="2"><b><img src="URLOFTHEPIC"></B></font></div>
<div id="sDiv3" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#1710FD" size="2"><b><img src="URLOFTHEPIC"></B></font></div>
<div id="sDiv4" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#FD1E10" size="2"><b><img src="URLOFTHEPIC    "></B></font></div>
<div id="sDiv5" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#B010FD" size="2"><b><img src="URLOFTHEPIC"></B></font></div>
<div id="sDiv6" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#B010FD" size="2"><b><img src="URLOFTHEPIC   "></B></font></div>

<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><a href="http://theromancelodgee.bravehost.com/elegant.html"><img src="http://theromancelodgepoetrysection.bravehost.com/ http://photos.bravenet.com/187/340/009/2/BD96F07413.gif   "></a>

 

 

 

 

  <BODY leftmargin="0" rightmargin="3" topmargin="2" 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="#B010FD" size="2"><b><img src="URLOFTHEPIC"></B></font></div>
<div id="sDiv1" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#B010FD" size="2"><b><img src="URLOFTHEPIC    "></B></font></div>
<div id="sDiv2" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#FD1E10" size="2"><b><img src="URLOFTHEPIC"></B></font></div>
<div id="sDiv3" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#1710FD" size="2"><b><img src="URLOFPIC"></B></font></div>
<div id="sDiv4" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#FD1E10" size="2"><b><img src="URLOFPIC"></B></font></div>
<div id="sDiv5" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#B010FD" size="2"><b><img src="URLOFPIC"></B></font></div>
<div id="sDiv6" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#B010FD" size="2"><b><img src="URLOFPIC"></B></font></div>

<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><a href="http://theromancelodgee.bravehost.com/elegant.html"><img src="http://theromancelodgepoetrysection.bravehost.com/ http://photos.bravenet.com/187/340/009/2/06811B7C56.gif  "></a>

 

 

 

 

 

copy and paste the code below into the body section of your page to get cake fire works

  <BODY leftmargin="0" rightmargin="3" topmargin="2" 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="#B010FD" size="2"><b><img src="URLOFPIC"></B></font></div>
<div id="sDiv1" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#B010FD" size="2"><b><img src="URLOFPIC"></B></font></div>
<div id="sDiv2" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#FD1E10" size="2"><b><img src="URLOFPIC"></B></font></div>
<div id="sDiv3" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#1710FD" size="2"><b><img src="URLOFPIC  "></B></font></div>
<div id="sDiv4" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#FD1E10" size="2"><b><img src="URLOFPIC"></B></font></div>
<div id="sDiv5" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#B010FD" size="2"><b><img src="URLOFPIC"></B></font></div>
<div id="sDiv6" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#B010FD" size="2"><b><img src="URLOFPIC"></B></font></div>

<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><a href="http://theromancelodgee.bravehost.com/elegant.html"><img src="http://theromancelodgepoetrysection.bravehost.com/  http://photos.bravenet.com/187/340/009/2/F508C3A3DF.gif "></a>

 

bnet_script_marker bnet_script_marker


Web Hosting · Blog · Guestbooks · Message Forums · Mailing Lists
Easiest Website Builder ever! · Build your own toolbar · Free Talking Character · Email Marketing
powered by a free webtools company bravenet.com

<BODY leftmargin="0" rightmargin="3" topmargin="2" 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="#B010FD" size="2"><b><img src="URLOFPIC"></B></font></div>
<div id="sDiv1" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#B010FD" size="2"><b><img src="URLOFPIC"></B></font></div>
<div id="sDiv2" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#FD1E10" size="2"><b><img src="URLOFPIC"></B></font></div>
<div id="sDiv3" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#1710FD" size="2"><b><img src="URLOFPIC"></B></font></div>
<div id="sDiv4" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#FD1E10" size="2"><b><img src="URLOFPIC"></B></font></div>
<div id="sDiv5" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#B010FD" size="2"><b><img src="URLOFPIC"></B></font></div>
<div id="sDiv6" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#B010FD" size="2"><b><img src="URLOFPIC"></B></font></div>

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