大家在浏览商城物品时，会发现当鼠标放到你所看到的物品上时，右侧会出现一个大图，给人一种更清晰、更清楚的感觉，这就是商品的放大镜的效果，下面我会一一讲解它的实现过程！
1、因为在实现放大镜的过程中，要不断的创建元素，因此为了方便我写了一个js文件，引入时直接创建元素，如图一所示。
图一
2、初始化，并且建立后面所用到的变量名，并创建各部分（mini zoom imagecon），如图二。
图二
3、创建mini、mask、icons(放大镜图标)，如图三、图四所示。
图三
图四
4、创建Imagecon
图五
图六
5、创建zoom、shouimage、imgcon
图七
图八
6、鼠标事件，并且限制遮罩层的位置
图九
7、鼠标点击事件。
图十
8、效果图展示，图十一
图十一
