专题文章
时长:00:00更新时间:2020-11-27 21:47:52
原理。A:放大镜 B:小图片。C:大图片可视区域;D:大图片;鼠标的位置应该在放大镜的,所以鼠标位置为。clientX=A.offsetLeft()+B.offsetLeft+1/2*A.offsetWidth。clientY=A.offsetTop()+B.offsetTop+1/2*A.offsetHeight。鼠标移动过程中:放大镜A和大图D是一起随鼠标成比例运动的,因为当放大镜A的右边框移动到与小图B的右边框重合时,大图D也应该移动到了右边框与C的右边框重合的地方,所以,他们的移动比例是:(D.offsetWidth-C.offsetWidth)/(B.offsetWidth-A.offsetWidth)=b/a。HTML部分。
查看详情