图片放大镜详细教程（简单易懂、注释清晰明了）

一、详细介绍

（1）放大镜的基本要领如下：

1、原图宽高比例=缩略图宽高比=放大镜的宽高比 2、大放大镜与小放大镜的倍数=原图与缩略图的倍数

3、默认两个放大镜与图片都是左上角重叠

4、原图相对于小放大镜反方向移动相应倍数的距离

（2）放大镜原理解析图：

1.

 2.

3.图片：

 

二、代码

1.css代码下：

 2.html如下：

3.JavaScript代码如下：

如果感觉简单易懂，并给你的学习带来了帮助，请点赞+关注！

谢谢支持！！！！！！！！！！！！！！！！！！