jquery实现图片放大镜功能_jquery

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

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

运行效果截图如下：

具体代码如下：

实例DEMO如下：

 
 
 


 
　　　　 
 
 
 
声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

jquery实现图片放大镜功能_jquery

jquery实现图片放大镜功能_jquery:实现原理： 这里用到了两张图片，一张小图，一张大图。将大图设置为放大镜的背景图片，当鼠标在小图上移动时，同时控制背景大图在放大镜中的位置。两张图片大小最好是等比例的，这样才能达到最佳效果。当没有大图时，则默认为小图本身，这时由于两张图片大小

推荐度：

点击下载本文 文档为doc格式