主要为大家详细介绍了js图片放大镜效果的实现方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

由项目需要，原生写了个详情页图片放大镜的效果，扔上代码供学习分享，也作为日常笔记… 效果如图(例子中偷偷链了张天猫的图片，希望没啥事 -。-)： 实现过程教简单，但我们还是从css开始分析，过程如下（图片已正方形为例）： css： /* 图片容器 */ .imgBox{ width: 200px; /* 各位大老爷们看着办 */ height: 200px; /* 各位大老爷们看着办 */ position: relative; /* 必需 */ } /* 图片标签 */ .