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

Глаз, следящий за курсором.

<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="../img/up-left-e.gif";
imgp[2].src="../img/up-right-e.gif";
imgp[3].src="../img/up-right-e.gif";
imgp[4].src="../img/right-e.gif";
imgp[5].src="../img/down-right-e.gif";
imgp[6].src="../img/down-e.gif";
imgp[7].src="../img/down-left-e.gif";
imgp[8].src="../img/left-e.gif";
imgp[9].src="../img/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="../img/up-left-e.gif"}
if((x>(B-20)&&x<(B+20))&&y<160){
document.images[0].src="../img/up-right-e.gif"}
if(x>(B+20)&&y<160){
document.images[0].src="../img/up-right-e.gif"}
if(x>B&&(y>160&&y<200)){
document.images[0].src="../img/right-e.gif"}
if(x>(B+20)&&y>200){
document.images[0].src="../img/down-right-e.gif"}
if((x>(B-20)&&x<(B+20))&&y>200){
document.images[0].src="../img/down-e.gif"}
if(x<(B-20)&&y>200){
document.images[0].src="../img/down-left-e.gif"}
if(x<B&&(y<200&&y>160)){
document.images[0].src="../img/left-e.gif"}
if((x<(B+10)&&x>(B-10))&&(y<200&&y>160)){
document.images[0].src="../img/center-e.gif"}
}
N=window.navigator.appName.substring(0,8);
if(N=="Netscape"){
window.captureEvents(Event.MOUSEMOVE);
window.onmousemove=Mouse}
// -->
</script>
<style>
#a {Z-INDEX: 10; LEFT: 200px; POSITION: absolute; TOP: 4px;}
</style>
</HEAD>
<body onload="OL()" onmousemove="Mouse()">
<!-- Внимание этот слой должен стоять сразу после тега <body> -->
<div id="a" align="center"><img alt="" border="0" height="42" src="../img/center-e.gif" width="106"></div>
<!-- Внимание этот слой должен стоять сразу после тега <body> -->
</body>
</html>

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