ManyCodes.com – codes & scripts Get free programming codes and tutorials!

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:

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