原理
鼠标在小图片上移动时，通过捕捉鼠标在小图上的位置，定位大图片的相应位置。
思路
首先，我们先理清楚页面元素。
页面元素
容器——demo
小盒子（尺寸与图片一样）
放大镜框
小图片
大盒子（尺寸与图片一样）
大图片
事件
事件都发生在小盒子上。
最简单的是——onmouseover、onmouseout，此时只需要控制放大镜框，以及大容器的显示与隐藏。
最复杂的是，onmousemove事件。
在onmousemove事件，我们需要计算放大镜框的宽高坐标。
实时更新坐标，这样放大镜就会随着鼠标移动。
伤心森林订单留言系统
下载
功能简介：1.用户留言功能2.用户定货功能3.定制货货功能4.定制网页样式和其实设置(比如主页)5.强大的管理功能(现在的程序都是管理功能大于应用功能:)6.管理功能支持查看订货单，留言，分页，删除等功能管理页面：login.asp管理密码：admin
放大镜宽高坐标 = 鼠标位置宽高 - demo的offset值 - 小盒子的offset值 - 放大镜框一半的宽高
放大镜框在小盒子里移动的距离，和大盒子移动的距离具有比例关系，并且运动方向相反。
比例计算公式
X/B = ?/D
大图坐标值
-（X/B）* D
IE兼容问题
当我们的鼠标在小图上mouseover的时候，同时也在放大镜框mouseover。
但是，IE会错误地触发小图的mouseout事件。
为了解决这个问题，我们需要在小盒子内，创建一个最上层的遮罩元素（与小图尺寸一样）。
把原来绑定在小盒子的事件，都改为绑定遮罩元素。
特别注意
这个元素，必须设置背景，然后再设置透明度。
因为，IE不识别透明元素、
代码实现
放大镜
@@##@@
@@##@@
