Глаз, следящий за мышкой
<html> <head> <title>Глаз, следящий за мышкой</title> <script language="JavaScript" type="text/javascript"> <!--// imgp=new Array(9) function preload(){ for(c=1;c<=9;c++){ imgp[c]=new Image();} imgp[1].src="up-left-e.gif"; imgp[2].src="up-right-e.gif"; imgp[3].src="up-right-e.gif"; imgp[4].src="right-e.gif"; imgp[5].src="down-right-e.gif"; imgp[6].src="down-e.gif"; imgp[7].src="down-left-e.gif"; imgp[8].src="left-e.gif"; imgp[9].src="center-e.gif"; } preload() function OL(){ if(N=="Microsof"){ A=document.body.clientWidth; B=document.body.clientHeight;} if(N=="Netscape"){ A=window.innerWidth; B=window.innerHeight;} } function Mouse(evnt){ N=window.navigator.appName.substring(0,8); if(N=="Microsof"){x=window.event.x; y=window.event.y; B=(document.body.clientWidth/2);} if(N=="Netscape"){ x=evnt.pageX; y=evnt.pageY; B=(window.innerWidth/2)-8;} if(x<(B-20)&&y<160){ document.images[0].src="up-left-e.gif"} if((x>(B-20)&&x<(B+20))&&y<160){ document.images[0].src="up-right-e.gif"} if(x>(B+20)&&y<160){ document.images[0].src="up-right-e.gif"} if(x>B&&(y>160&&y<200)){ document.images[0].src="right-e.gif"} if(x>(B+20)&&y>200){ document.images[0].src="down-right-e.gif"} if((x>(B-20)&&x<(B+20))&&y>200){ document.images[0].src="down-e.gif"} if(x<(B-20)&&y>200){ document.images[0].src="down-left-e.gif"} if(x<B&&(y<200&&y>160)){ document.images[0].src="left-e.gif"} if((x<(B+10)&&x>(B-10))&&(y<200&&y>160)){ document.images[0].src="center-e.gif"} } N=window.navigator.appName.substring(0,8); if(N=="Netscape"){ window.captureEvents(Event.MOUSEMOVE); window.onmousemove=Mouse} // --> </script> </head> <body onload="OL()" onmousemove="Mouse()"> <center><IMG alt="" border="0" height="42" src="center-e.gif" width="106"></center> <!-- copyright (i6) --><div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s0.ucoz.net/img/cp/10.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div><!-- /copyright --> </body> </html>
Глаз, следящий за мышкой