用Javascript实现放大镜效果

## 心得

学习Javascript已经有一个月，想说一下大致感受，刚开始学习时相较于第一个月的静态页面布局，第二月的知识点明显相对少一些，但是难度上是更大了，主要是思路，这一个月四周分别，从刚开始的这么语言被创造的缘由，基本知识到现在的面向对象的编程，这段过程对于这个从没接触过前端的方面知识的我来说，过程并不是那么容易，可能刚开始第一周最基本的变量，JS的数据类型，分支结构循环结构等的基础知识，让我对于刚接触jsp这门语言有了点信心，没有从一开始感到特别难和抗拒，促使了我在第二周的学习有个比较好的状态，从第二周的数组，es5中数组的方法，字符串,数学对象，Date对象，BOM和DOM，要记得知识点越来越多，难度也开始加大，第三周是事件、es6、面向对象的编程，第四周是知识点补充x’xxx加上老师带我们做了一些小案例。今天我准备说一下老师带我们做的一个关于放大镜的案列。

  先给页面布局：

可以根据自己给结构设置一些css样式
布局做好出来是这样的

然后为了美观我用了两张图片设置了来回的tab切换样式
接下来实行放大镜效果，平常我们用网页版淘宝，都知