Глаза гоняющиеся за курсором мыши

Глаза гоняющиеся за курсором мыши

Очередной скрипт который позволяет бегать рисунку за курсором мыши. В данном случае глаза действительно не только бегают, но и реагируют на гаждое движение курсора.

<html>

<head>

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=1)">
<meta http-equiv="Page-Exit" content="revealTrans(Duration=1.0,Transition=10)">
<title>Глаза гоняющиеся за курсором мыши</title>
</head>

<body bgcolor="#000000" text="#FFFFFF" onLoad="if(brOK) setHandlers()" onUnload="if(brOK) {if(tid) clearTimeout(tid);}">
<font face="arial" size="2">

<p align="center"><script>
var brOK=false;
var mie=false;
var ex=0;
var ey=0;
var ae;
var le;
var re;
var x0;
var y0;
var tid;
var realx;
var realy;
var loaded=false;
if(parseInt(navigator.appVersion.charAt(0))>=4)
  {brOK=true;}
if(navigator.appName.indexOf("Microsoft")!=-1)
  {mie=true; }
function myhandler(e)
{ex=e.pageX; 
 ey=e.pageY;
 moveeye()
 return routeEvent(e);
}

function moveeye()
{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;  
 le.left=dx1;  
 le.top=dy1;  
 re.left=dx2;  
 re.top=dy1;  
}

function setHandlers()
{if(!mie)   {y0=document.eyeballs.top;
             x0=document.eyeballs.left;
             ae=document.eyeballs;
             le=document.lefteye;   
             re=document.righteye;   
             window.captureEvents(Event.MOUSEMOVE);
             window.onMouseMove=myhandler;
            }
 else       {y0=document.all.eyeballs.style.pixelTop;
             x0=document.all.eyeballs.style.pixelLeft;
             ae=document.all.eyeballs.style;
             le=document.all.lefteye.style;
             re=document.all.righteye.style;
            }
 realx=x0+0.1;
 realy=y0+0.1;
 
 moveall();
 loaded=true;
}

function moveall()
{rx=realx+40
 ry=realy+40;
 rx+=(ex-rx)*0.1;
 ry+=(ey-ry)*0.1;
 realx=rx-40;
 realy=ry-40;
 x0=Math.round(realx);
 y0=Math.round(realy);
 moveeye();
 tid=setTimeout('moveall()',100);
}

function placeeyes(x,y)
{if(brOK)
 {ex=x+40;
  ey=y+40;
  s ='<DIV ID="dummy"    STYLE="position:absolute; top:'+y+'; left:'+x+'; width:10; height:10;"> </DIV>';
  s+='<DIV ID="eyeballs" STYLE="position:absolute; top:'+y+'; left:'+x+'; width:80; height:40;"><IMG SRC="eyeballs.gif"  border=0></DIV>';
  s+='<DIV ID="lefteye"  STYLE="position:absolute; top:'+(y+10)+'; left:'+(x+10)+'; width:20; height:20;"><IMG SRC="eye.gif"       border=0></DIV>';
  s+='<DIV ID="righteye" STYLE="position:absolute; top:'+(y+10)+'; left:'+(x+50)+'; width:20; height:20;"><IMG SRC="eye.gif"       border=0></DIV>';
  document.writeln(s);
 }
}
</script> <script FOR="document" Event="onmousemove()">
if((mie==true)&&(brOK)&&loaded)
  {ex=document.body.scrollLeft+event.x;
   ey=document.body.scrollTop+event.y;
   moveeye();
  }
</script>
<script>
if (document.all||document.layers)
 placeeyes(200,100);
</script> </p>
</font>

<div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s202.ucoz.net/img/cp/9.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div>
</body>
</html>

выделить код

Пример

скачать глаза

© 2000-2001