29Jul/091

Have firelights after the mouse on your website

Here is how you can have firelights after the mouse on your website.

Put the code below within your site's source code. If you dont know how to implement this code into your site, please goto how to implement the code to your website

Code:

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

<!-- this script is from www.manycodes.com -->
<STYLE TYPE="text/css">
<!--
 
BODY{
overflow:scroll;
overflow-x:hidden;
}
 
.s1
{
 position  : absolute;
 font-size : 10pt;
 color     : blue;
 visibility: hidden;
}
 
.s2
{
 position  : absolute;
 font-size : 18pt;
 color     : red;
 visibility : hidden;
}
 
.s3
{
 position  : absolute;
 font-size : 14pt;
 color     : gold;
 visibility : hidden;
}
 
.s4
{
 position  : absolute;
 font-size : 12pt;
 color     : lime;
 visibility : hidden;
}
 
//-->
</STYLE>
 
 
<DIV ID="div1">*</DIV>
<DIV ID="div2">*</DIV>
<DIV ID="div3">*</DIV>
<DIV ID="div4">*</DIV>
 
<p align="center">
<font face="arial, helvetica" size="-2"><a
Kit</a></font></p>
 
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
 
 
 
var nav = (document.layers);
var tmr = null;
var spd = 50;
var x = 0;
var x_offset = 5;
var y = 0;
var y_offset = 15;
 
if(nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;
 
function get_mouse(e)
{
 x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft;
 y = (nav) ? e.pageY : event.clientY+document.body.scrollTop;
 x += x_offset;
 y += y_offset;
 beam(1);
}
 
function beam(n)
{
 if(n<5)
 {
 if(nav)
 {
 eval("document.div"+n+".top="+y);
 eval("document.div"+n+".left="+x);
 eval("document.div"+n+".visibility='visible'");
 }
 else
 {
 eval("div"+n+".style.top="+y);
 eval("div"+n+".style.left="+x);
 eval("div"+n+".style.visibility='visible'");
 }
 n++;
 tmr=setTimeout("beam("+n+")",spd);
 }
 else
 {
 clearTimeout(tmr);
 fade(4);
 }
}
 
function fade(n)
{
 if(n>0)
 {
 if(nav)eval("document.div"+n+".visibility='hidden'");
 else eval("div"+n+".style.visibility='hidden'");
 n--;
 tmr=setTimeout("fade("+n+")",spd);
 }
 else clearTimeout(tmr);
}
 
// -->
</SCRIPT><font face="Tahoma"><a target="_blank" href="http://www.manycodes.com/category/java/javascript-codes/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>