js放大镜放大图片效果

<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head><title>脚本之家 js图片放大镜</title> <meta http-equiv="imagetoolbar" content="no"> <style type="text/css"> body { background: #222; overflow: hidden; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; } #screen span { position:absolute; overflow:hidden; border:#FFF solid 1px; background:#FFF; } #screen img{ position:absolute; left:-32px; top:-32px; cursor: pointer; } #caption, #title{ color: #FFF; font-family: georgia, "times new roman", times, veronica, serif; font-size: 1em; text-align: center; } #caption b { font-size: 2em; } </style> <script type="text/javascript"> </script></head><body> <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192147592.jpg" alt=""> <img style="left: -11px; top: -8px;" src="http://files.jb51.net/upload/20080504192148526.jpg" alt=""> <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192151907.jpg" alt=""> <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192153429.jpg" alt=""> <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192154128.jpg" alt=""> <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192154190.jpg" alt=""> <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192154345.jpg" alt=""> <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192155839.jpg" alt=""> <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192156858.jpg" alt=""> <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192156118.jpg" alt=""> <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192157749.jpg" alt=""> <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192158181.jpg" alt=""> <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192158115.jpg" alt=""> <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192159820.jpg" alt=""> <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192201596.jpg" alt=""> <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192201700.jpg" alt="">carefully weight the options<script type="text/javascript"> </script> </body></html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]