js部分:
//鼠标经过a标签,对应的图片会放大效果
var zoom = 1.03;
var width = $(this).find(".move_img").find("img").width();
var height = $(this).find(".move_img").find("img").height();
var z_width = width * zoom;
var z_height = height * zoom;
$(".big_kuai a").hover(function () {
$(this).find(".move_img").find("img").animate({
width: z_width,
height: z_height,
marginTop: "-9px",
marginLeft: "-9px"
}, 1000);
}, function () {
$(this).find(".move_img").find("img").animate({
width: width,
height: height,
marginTop: "0px",
marginLeft: "0px"
}, 1000);
});
思想如上,css和html可以自己写。
效果如下图:
未经过时:
经过之后: