前端放大镜

对于前端的框架来说，从中藴函了很多好玩的接近日常的小现象，一个小现象一样可以开展你对代码的发掘兴趣；日常生活中的放大镜是把一小的物体、图像放大，达到的视野扩充，实物的真面貌完美的展现出来；但是前端的放大镜并不是这样的设计，而是通过计算两张大小不一的图片的位置来展现的效果，尽管是计算图片的位置，也一样需要布局的设计，寻找放大镜的镜片结合图片的位置达到视觉的效果。
放大镜实现思路：1、获取元素 2、显示小方块（放大镜镜片），和大图 3、向元素中添加鼠标移动事件，获取鼠标的位置坐标赋值给小方块，必须的坐标减去小方块的宽高的一半 4、实现大图同比例显示 求大图的移动位置，带单位计算
Html

css

通过原生的JavaScript获取元素，给对应的元素不同的鼠标事件，由鼠标触发改变事件达到放大镜的效果。

通过声明变量获取坐标的位置，并且判断鼠标的位置，使鼠标的位置必须在小图片的盒子内才为有效坐标值，并且在大图片中显示出放大的效果。