javascript - jQuery图像缩放

Question

您好，我正在使用脚本在悬停时放大图像，但是它从左上角放大，我需要它从中心悬停，我无法弄清楚如何将 css 添加到 jquery 中以添加负边距所以它去我想要的方式，这里是脚本。

$('#sun').width();
$('#sun').mouseover(function(){
    $(this).css("cursor","pointer");
    $(this).animate({width: "7%"}, 'slow');
});
$('#sun').mouseout(function(){
    $(this).animate({width: "6%"}, 'slow');
});

我只想要css中的“margin wxy z”但无法得到它：/任何人都可以提供帮助？谢谢 ：）

Answer 1

如果图像是绝对定位的，你可以这样做http://jsfiddle.net/8wGtp/。

$('#resize').on({
    mouseenter: function(){
        $(this).animate({width: '130px', height: '130px', top: '-=15px', left: '-=15px'}, 500);
    },
    mouseleave: function(){
        $(this).animate({width: '100px', height: '100px', top: '+=15px', left: '+=15px'}, 500);
    }
});