Kód:
<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"
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">
/* Script by Mike McGrath- http://website.lineone.net/~mike_mcgrath Featured
on JavaScript Kit (http://javascriptkit.com) For this and
over 400+ free scripts, visit http://javascriptkit.com */
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>
Demó:
*
*
*
*
|