先看看Demo和效果图： http://www.afei.name/demo/zoom/
放大镜效果的原理简单，很多人都用过、写过。
难点在圆形，因为大图超出圆形区域的部分无法遮罩。
废话少说，直接爆原理：
1. Firefox和Chrome中，用 css
-moz-border-radius:105px;
-webkit-border-radius:105px;
来实现一个圆形DIV容器，然后把图片作为容器的背景图片，移动的时候，调整对象的 backgroundPosition;
2. IE中，用 Chroma 滤镜配合一个四角PNG来使四个圆角透明
<div style="filter:chroma(color=red);background:url("大图地址")"><img src="四个圆角区域为红色，中间圆形区域透明的PNG图片"/></div>
这里贴出源码：/*Copyright by 疯子阿飞 xiarugu@163.com */