Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Огонь за курсором</title>
<style type="text/css"><!--
.s1,.s2,.s3,.s4 {position: absolute; visibility: hidden;}
.s1 {font-size: 10pt; color: blue;}
.s2 {font-size: 18pt; color: red;}
.s3 {font-size: 14pt; color: gold;}
.s4 {font-size: 12pt; color: lime;}
-->
</style>
</head>
<body>
<a href="http://m16-teams.ucoz.ru"><img src="http://www.m16-teams.ucoz.ru/team.gif" width=468 height=60 border=0 alt="<m16>_t*m{.^X:.}rus{.^X:.} "></a>
<center>
<div id="div1" class="s1">**</div><div id="div2" class="s2">*</div>
<div id="div3" class="s3">**</div><div id="div4" class="s4">**</div>
<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>
</center>
</body>
</html>