图片放大镜效果代码

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%3E%20%0D%0A%3C!--%20%0D%0Avar%20srcX%20%3D%201024%3B%20%2F%2F%E5%8E%9F%E5%9B%BE%E9%95%BF%E5%AE%BD%20%0D%0Avar%20srcY%20%3D%20768%3B%20%0D%0Avar%20bigX%20%3D%20500%3B%20%2F%2F%E5%8E%9F%E6%AF%94%E4%BE%8B%E9%A2%84%E8%A7%88%E5%A4%A7%E5%B0%8F%2C%E5%8F%AF%E4%BB%A5%E8%AE%BE%E7%BD%AE%E6%88%90%E4%BB%BB%E6%84%8F%E5%A4%A7%E5%B0%8F%20%0D%0Avar%20bigY%20%3D%20300%3B%20%0D%0Avar%20smallX%20%3D%20256%3B%20%2F%2F%E7%BC%A9%E7%95%A5%E5%9B%BE%E5%A4%A7%E5%B0%8F%2C%E8%A6%81%E4%B8%8E%E5%8E%9F%E5%A4%A7%E5%B0%8F%E6%88%90%E6%AF%94%E4%BE%8B%20%0D%0Avar%20smallY%20%3D%20192%3B%20%0D%0Avar%20viewX%20%3D%20bigX%20%2F%20srcX%20*%20smallX%3B%20%2F%2F%E9%A2%84%E8%A7%88%E8%8C%83%E5%9B%B4%20%0D%0Avar%20viewY%20%3D%20bigY%20%2F%20srcY%20*%20smallY%3B%20%0D%0Avar%20bl%20%3D%20srcX%20%2F%20smallX%3B%2F%2F%E7%BC%A9%E5%B0%8F%E6%AF%94%E4%BE%8B%20%0D%0Avar%20border%20%3D%208%3B%20%2F%2F%E8%BE%B9%E6%A1%86%20%0D%0Awindow.onload%3Dfunction%20()%7B%20%0D%0A%20%20%20%20bigbox.style.borderWidth%3Dborder%3B%20%0D%0A%20%20%20%20bigbox.style.width%3DbigX%2Bborder*2%3B%20%0D%0A%20%20%20%20bigbox.style.height%3DbigY%2Bborder*2%3B%20%0D%0A%20%20%20%20smallpic.width%3DsmallX%3B%20%0D%0A%20%20%20%20smallpic.height%3DsmallY%3B%20%0D%0A%20%20%20%20view.style.width%3DviewX%3B%20%0D%0A%20%20%20%20view.style.height%3DviewY%3B%20%0D%0A%20%20%20%20smallbox.style.borderWidth%3Dborder%3B%20%0D%0A%20%20%20%20if%20(window.event)%7B%20%0D%0A%20%20%20%20%20%20%20%20smallbox.style.width%3Dsmallpic.offsetWidth%2Bborder*2%3B%20%0D%0A%20%20%20%20%20%20%20%20smallbox.style.height%3Dsmallpic.offsetHeight%2Bborder*2%3B%20%0D%0A%20%20%20%20%7Delse%7B%20%0D%0A%20%20%20%20%20%20%20%20smallbox.style.width%3Dsmallpic.offsetWidth%3B%20%0D%0A%20%20%20%20%20%20%20%20smallbox.style.height%3Dsmallpic.offsetHeight%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20move(event)%3B%20%0D%0A%7D%20%0D%0Afunction%20move(e)%7B%20%0D%0A%20%20%20%20var%20e%20%3D%20window.event%3Fwindow.event%3Ae%3B%20%0D%0A%20%20%20%20var%20iebug%20%3D%200%3B%20%0D%0A%20%20%20%20if%20(window.event)%7B%20%0D%0A%20%20%20%20%20%20%20%20var%20vX%20%3D%20e.offsetX%20-%20viewX%2F2%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20vY%20%3D%20e.offsetY%20-%20viewY%2F2%3B%20%0D%0A%20%20%20%20%7Delse%7B%20%0D%0A%20%20%20%20%20%20%20%20var%20vX%20%3D%20e.pageX%20-%20viewX%2F2%20-%20smallbox.offsetLeft%20-%20border%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20vY%20%3D%20e.pageY%20-%20viewY%2F2%20-%20smallbox.offsetTop%20-%20border%3B%20%0D%0A%20%20%20%20%20%20%20%20iebug%20%3D%202%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20if%20(vX%20%3C%200)%20vX%20%3D%200%3B%20%0D%0A%20%20%20%20if%20(vY%20%3C%200)%20vY%20%3D%200%3B%20%0D%0A%20%20%20%20if%20(vX%20%3E%20smallX%20-%20viewX%20-%20iebug)%20vX%20%3D%20smallX%20-%20viewX%20-%20iebug%3B%20%0D%0A%20%20%20%20if%20(vY%20%3E%20smallY%20-%20viewY%20-%20iebug)%20vY%20%3D%20smallY%20-%20viewY%20-%20iebug%3B%20%0D%0A%20%20%20%20view.style.left%20%3D%20vX%20%2B%20smallbox.offsetLeft%20%2B%20border%3B%20%0D%0A%20%20%20%20view.style.top%20%3D%20vY%20%2B%20smallbox.offsetTop%20%2B%20border%3B%20%0D%0A%20%20%20%20bigbox.style.backgroundPosition%3D%20-%20vX%20*%20bl%20%2B%20%22%20%22%20%2B%20-vY%20*%20bl%3B%20%0D%0A%7D%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2Fscript%3E"> 
<style type="text/css"> 
 
</style> 
<div class="head">图片放大效果</div> 
<div id="smallbox"><img id="smallpic" src="http://files.glzy8.com/upload/20071130224657571.jpg" _ewebeditor_ta_src="http%3A%2F%2Ffiles.glzy8.com%2Fupload%2F20071130224657571.jpg" border="0" onmousemove="move(event)"></div> 
<div id="bigbox"></div> 
<div id="view"></div>

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

教程首页更多教程