jquery实现图片放大镜功能_jquery

　　这里用到了两张图片，一张小图，一张大图。将大图设置为放大镜的背景图片，当鼠标在小图上移动时，同时控制背景大图在放大镜中的位置。两张图片大小最好是等比例的，这样才能达到最佳效果。当没有大图时，则默认为小图本身，这时由于两张图片大小一样，因此放大镜效果不明显，就跟没放大是一样的。

　　此插件用到了html5，css3的一些属性，ie8及以下版本不兼容，放大镜是方形的。

运行效果截图如下：

具体代码如下：

实例DEMO如下：

关于jquery实现图片放大镜功能的内容就介绍到这里，希望大家仔细研究，学以致用。