首先我们要获取到鼠标在左侧盒子内的坐标，以横坐标为例，x=光标到页面左侧距离-盒子到左侧距离，说白了就是 e.clientX - leftbox.offsetLeft，纵坐标同理。获取过后 x 与 y 得到的值减去黄色遮盖层一半的宽度 得到的分别为黄色遮盖层到左侧盒子的距离，maskX=mask.offsetWidth/2**，到盒子上方竖直距离同理，然后赋值给盒子的绝对位移左上边距，这里用到了子绝父相**来保证遮盖层的参照系是左侧盒子。为了防止遮盖层移动超出左侧盒子，用到了if语句判断X方向与Y方向，最难的部分在于小盒子与大盒子移动的比例，我们应该得到以下公式，右侧放大区域大图片：大图片****移动的距离 = 遮盖层移动的距离 * 大图片最大移动距离 / 遮盖层最大移动距离，这样就可以得到大图片移动的距离了，但要注意此处要设置和小图片相反的移动方向，故在前面加符号即可。
JS区域代码：
===========
完整代码：
=====
769
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
