图片放大镜特效原理

放大镜的关键原理：

放大镜在小图片上移动时；

通过捕捉鼠标在小图片上的位置；

定位大图片的相应位置；        且横向 纵向都是相反，才可以保证同步

制作放大镜特效需要所需要的技术点：

1.onmouseover: 会在鼠标指针移动到指定的对象上时发生。

2.onmouseout: 会在鼠标指针移出制定的对象时发生。

3.onmousemove: 会在鼠标指针移动时发生。

4.offsetLeft  与style.left 对比：

5.style.left  返回的是字符串，如30px. offsetLeft返回的是数值30；

6. style.left是可读写的，0ffsetLeft是只读的，所以要改变div的位置，只能修改style.left;

7.style.left的值需要事先定义，否则取到的值为空.

练习题-慕课网

console.log(log.innerHTML)  浏览器控制台输出日志，用来调试程序；