js设置style_原生 JS 实现放大镜特效

项目文件已上传码云：叁贰壹/JavaScript 放大镜特效

可直接访问页面查看效果： http://songothao.gitee.io/javascript_magnifier_effect/

原生JS实现放大镜特效https://www.zhihu.com/video/1242496299595198465

实现原理：将展示在页面上的图片进行设置宽高缩小，另外将大很多原图的原图进行隐藏，这个思路还是比较简单，难在计算放大效果的图片的位置设置。

JS设计思路：

1. 鼠标进入显示图片区时，让显示放大的盒子出现；鼠标离开显示区，让显示放大的盒子隐藏；
2. 设置鼠标在图片区滑动的事件，关于计算的问题在JS代码中有详细注释。

JS代码：

var 

CSDN：https://blog.csdn.net/weixin_43148062

简书：https://www.jianshu.com/u/45339cbb7573