jquery放大镜 - 怎么用jquery实现hover时图片放大的效果

问题描述

问 题

解决方案

写了个小demo ： https://jsfiddle.net/DodoMons...
方法就是用jQuery的animate动画函数，因为animate可加参数完成动画的时间所以就会有动画效果喔。
可是注意的一点的是:
扩大了多少就要在定位的时候top和left值为：-(扩大尺寸-原尺寸)/2
例如:

你原图片宽高为width:100px;height:100px然后扩大到width:200px;height:150px;
定位left:-(200-100)/2=-50px;top:-(150-100)/2px = -25px;
这样图片才会以图片中心点放大。
满意请采纳喔~~~(*^__^*) 嘻嘻……

这篇关于jquery放大镜 - 怎么用jquery实现hover时图片放大的效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！