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

Question

Answer 1

写了个小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;
这样图片才会以图片中心点放大。
满意请采纳喔~~~(*^__^*) 嘻嘻……

Answer 2

css就可以实现 利用伪类 ：hover 鼠标经过时设置大点的宽高

Answer 3

用 $("图片的选择器").animate({'witdh':100,'height':100},毫秒数),用这个应该可以

Answer 4

这里有很多JQ放大镜效果的源码，一般都是修改，自己写那不太累人了！

Answer 5

用伪类 css3 transform: scale(1.2);