jQuery和CSS3打造逼真的图片放大镜效果
2015-03-18 13:06
351 查看
这是一款效果非常逼真的jQuery和CSS3超逼真的图片放大镜特效。该图片放大镜特效使用CSS3的box-shadow和border-radius实现来制作放大镜的样式,使用jQuery来获取当前鼠标的坐标系,并修改当前坐标系的背景图像。
![](http://img.blog.csdn.net/20150318130743987)
在线演示:
下载地址:http://www.htmleaf.com/jQuery/Image-Effects/201503171533.html
在线演示:
下载地址:http://www.htmleaf.com/jQuery/Image-Effects/201503171533.html
相关文章推荐
- jQuery和CSS3超逼真的图片放大镜特效
- 图片放大镜效果【jQZoom-JQuery插件】
- jQuery的图片放大镜效果插件 - elevateZoom
- 实现产品图片放大镜效果(jQuery)
- jQuery-图片的放大镜显示效果(不需要大小图) ,放大镜图层显示在图片左右侧,不适用table
- jQuery的图片放大镜效果插件 - elevateZoom
- 自己写的jQuery放大镜插件效果(二)(采用只有一张图片的思路)
- jquery图片放大效果,鼠标经过图片时局部放大,类似京东图片放大镜效果
- jQuery的图片放大镜效果插件 - elevateZoom
- 【示例代码】基于jQuery和CSS3的图片层叠效果插件
- jQuery-实现图片的放大镜显示效果
- Jquery插件开发之图片放大镜效果(仿淘宝)
- jquery图片放大镜和遮罩层效果
- jQuery-图片的放大镜显示效果(需要大小图)
- jquery_mobile.js+html5+css3打造手机平板等各种效果
- Jquery-图片切换和图片放大镜效果(jqzoom + jcarousel )
- 纯CSS3实现多种不同的等待效果(无js/jquery/无图片)
- JQUERY实现鼠标悬停在图片上模拟放大镜效果
- 用css3的cursor:zoom-in/zoom-out实现微博看图片放大镜效果