jquery实现图片放大镜功能

实现原理: 这里用到了两张图片,一张小图,一张大图。将大图设置为放大镜的背景图片,当鼠标在小图上移动时,同时控制背景大图在放大镜中的位置。两张图片大小最好是等比例的,这样才能达到最佳效果。当没有大图时,则默认为小图本身,这时由于两张图片大小一样,因此放大镜效果不明显,就跟没放大是一样的。 此插件用到了html5,css3的一些属性,ie8及以下版本不兼容,放大镜是方形的。 运行效果截图如下: 具体代码如下: (function () { $.fn.Magnifier = function (options) { //默认参数设置 var settings = { d