Пример
назад меню вперед

Слово, скользящее за курсором.

<html>
<head>
<title>Слово, скользящее за курсором.</title>
<SCRIPT type="text/javascript" language="JavaScript">
<!--//
ex=100;
ey=100;
function myhandler(e)
{ ex=e.pageX; ey=e.pageY;
return routeEvent(e);
}
function moveit()
{ dy=ey-y0-20; dx1=
ex-x0-20;dx2=ex-x0-60;r=Math.sqrt(dx1*dx1+dy*dy);
if(r<20)r=20
dx1=dx1*10/r+x0+10;dy1=dy*10/r+y0+10;
r=Math.sqrt(dx2*dx2+dy*dy);
if(r<20)r=20
dx2=dx2*10/r+x0+50;ae.left=x0;
ae.top=y0;
}
function setHandlers()
{ y0=document.all.cur.style.pixelTop;
x0=document.all.cur.style.pixelLeft;
ae=
document.all.cur.style;realx=x0+0.1;realy=

y0+0.1;moveall(); }
function moveall(){realx+=(ex-realx)*0.1;realy+=
(ey-realy)*0.1;x0=Math.round(realx);y0=Math.round(realy);
moveit(); tid=setTimeout('moveall()',1);
}
//-->
</SCRIPT>
</head>
<body onload="setHandlers()">
<SCRIPT event="onmousemove()" for="document">
<!--//
ex=document.body.scrollLeft+event.x;
ey=document.body.scrollTop+event.y;
//-->
</SCRIPT>
<DIV id="cur" style="HEIGHT: 82px; LEFT: 69px; POSITION: absolute; TOP: 59px; WIDTH: 208px"><STRONG><FONT
color=#00ff00 face="Academy Engraved LET" size=3>TEXT</FONT></STRONG></DIV>
</body>
</html>

 

назад меню вперед
Сайт управляется системой uCoz