基于jQuery实现放大镜特效

首先，我们需要一个img元素显示原图对象，还需要一个容器作为显示框；显示框里面存放大图对象。当鼠标移动到原图上时，通过对大图进行绝对定位来显示对应的部位，实现类似放大镜的效果。通过上面的比例关系，我们知道大图的坐标等于。图2 CSS background-position上面，有一个100x100像素的图片它由四种颜色组成，而且每种颜色占50 x50像素，接下来，我们将通过修改该图片CSS的background-position属性值来显示该图片的不同位置。由于，不同的浏览器有不同的滚轮事件。这只是一个简单的程序，我们还有很大的改善空间，提供一个内容丰富和功能强大的程序是我们的目标。