效果描述： 一个使用原生js实现的放大镜效果 推荐大家使用，非常简单方便 使用方法： 1、将head中的CSS样式拷贝到你的网页中 2、将body中需要的代码部分拷贝到你需要的地方即可

放大镜大家在各大网站都能见到，下面小编给大家分享一段 ，代码是基于原生js实现的放大镜效果，代码简单易懂，非常不错，具有参考借鉴价值，感兴趣的朋友一起看看吧

主要为大家详细介绍了原生JS实现简单放大镜效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

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

本文实例为大家分享了原生JS实现放大镜效果的具体代码，供大家参考，具体内容如下 * { margin: 0; padding: 0; } img{ vertical-align: top; } .fdj { width: 350px; height: 350px; position: relative; margin: 1