本文实例为大家分享了js实现放大镜特效的具体代码，供大家参考，具体内容如下
掌握页面元素定位和移动
放大镜关键原理：
鼠标在小图片上移动时，通过捕捉鼠标在小图片上的位置定位大图片的相应位置技术点：
事件捕获、定位offsetLeft与style.left的对比：
1）offsetLeft是与父级元素的距离，不包过滚动条的距离 2）style.left返回的是字符串，如30px，offsetLeft返回的是数值30 3）style.lft是可读写的，offsetLeft是只读的，所以要改变div的位置只能修改style.left 4）style.left的值需要事先定义，否则取到的值为空 难点：计算：如何让小图片的放大镜和大图片同步移动距离定位图解：
具体代码：