Глаза-Шпионы

Скрипт: Глаза-Шпионы
<html> <head> <title>Глаза-Шпионы</title> <script type="text/javascript"> function init() { rightEye = document.getElementById("rEye"); leftEye = document.getElementById("lEye"); rightEyeball = document.getElementById("rPupil"); leftEyeball = document.getElementById("lPupil"); rightEye.style.top = "100px"; rightEye.style.left = "150px"; leftEye.style.top = "100px"; leftEye.style.left = "100px"; document.onmousemove = moveHandler; animateEyes(138,113); } function moveHandler(e) { var x = (e)?animateEyes(e.pageX,e.pageY):animateEyes(window.event.clientX,window.event.clientY); } function animateEyes(xPos,yPos) { leftEyeball.style.left = newEyeballPos(xPos,parseInt(leftEye.style.left)); leftEyeball.style.top = newEyeballPos(yPos,parseInt(leftEye.style.top)); rightEyeball.style.left = newEyeballPos(xPos,parseInt(rightEye.style.left)); rightEyeball.style.top = newEyeballPos(yPos,parseInt(rightEye.style.top)); } function newEyeballPos(currPos,eyePos) { newPos = Math.min(Math.max(currPos,eyePos+3),eyePos+17); return newPos; } </script> </head> <body onLoad="init()"> <div id="lEye" style="left: 100px; position: absolute; top: 100px"> <img src="eye.gif" height=25 width=24></div> <div id="rEye" style="left: 150px; position: absolute; top: 100px"> <img src="eye.gif" height=25 width=24></div> <div id="lPupil" style="left: 118px; position: absolute; top: 113px"> <img src="pupil.gif" height=4 width=4></div> <div id="rPupil" style="left: 153px; position: absolute; top: 113px"> <img src="pupil.gif" height=4 width=4></div> <h1>Глаза-Шпионы</h1> <div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s204.ucoz.net/img/cp/9.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div> </body> </html>

Обратно на страницу Скрипты