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 w x y 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);
    }
});