m0_58188859的博客

原创 JS实现放大镜效果案例

样式思路 放大镜：小图 大图 遮罩层 JS思路：第一步：获取小盒子元素节点；获取遮罩元素节点 遮罩移动操作： 第二步：为小盒子绑定鼠标移动事件， 第三步：因为是遮罩在小盒子里随着鼠标移动，所以为小盒子加上相对定位，为遮罩加上 绝对定位 第四步：计算遮罩的移动距离，即遮罩的偏移量 e.pageX - 遮罩层宽度的一半 - 小盒子...