Keven_Huang的博客

原创 js放大镜原理

这两天我在睡觉前想了一下网页中的放大镜原理，并试着去写出来，没想到真的想出来了。其实思路是特别简单的，我是用了背景图片的概念来做的。在一张图片上绑定一个onmousemove事件，然后根据鼠标在图片的位置然后在另一个用于显示放大的div中显示背景图的相应位置。一下是代码展示： 放大镜效果原理 *{margin:0;padding:0;} window.onload