Увеличительное стекло

Скрипт: Увеличительное стекло
<html> <head> <title>Увеличительное стекло</title> <script type="text/javascript"> document.onmousemove = handlerMM; function handlerMM(e) { var dx = 0; var dy = 0; var fact = 2; var opp = 70; var x = (e)?e.pageX:event.x; var y = (e)?e.pageY:event.y; dx = (e)?0:window.document.body.scrollLeft; dy = (e)?0:window.document.body.scrollTop; var x1 = (x + dx) * fact; // левая край var y1 = (y + dy) * fact; // верхний край var x2 = 2 * opp + (x + dx) * fact; // правый край var y2 = 2 * opp + (y + dy) * fact; // нижний край document.getElementById("glass").style.left = (x + dx) * (1 - fact); document.getElementById("glass").style.top = (y + dy) * (1 - fact); document.getElementById("glass").style.clip = "rect(" +y1 +"px," +x2 +"px," +y2 +"px,"+x1 +"px)"; } </script> </head> <body> <h5>Увеличительное стекло</h5>  <img id="pic" src="cat0.jpg" galleryimg = "no" width=320 style="position: absolute; top: 40px; left: 10px; border-style: none">  <img id="glass" src="cat0.jpg" width=640 style="position: absolute; top: 40px; left: 10px; clip: rect(10px, 100px, 100px, 10px); border-style: none;">  <img src="cat0.jpg" width="320" height="240" style="position: absolute; top: 330px; left: 10px; border-style: none;"> <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>

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