您的位置:首页 > 其它

鼠标经过,图片会放大(从中心位置放大)

2015-01-22 19:01 986 查看
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可以自己写。

效果如下图:

未经过时:



经过之后:
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: