Javascript 在jquery上调整鼠标上的图像大小

我试图让每个图像在鼠标上方稍微增大，然后在jquery应用程序上的鼠标上减小。但是，每个图像的大小不同。如何使用javascript应用此效果，使每个图像按比例放大并恢复正常

---

---

在“高度/宽度”设置中使用加减修改器

下面的代码将在鼠标悬停时加/减20个像素

$(document).ready(function(){
    $(".box").mouseover(function(){
        $(this).animate({height:"+=20",width:"+=20"},"fast");
    });
    $(".box").mouseout(function(){
        $(this).animate({height:"-=20",width:"-=20"},"fast");
    });
});

---

请不要冒昧地提出整个问题，这是不必要的

$(document).ready(function(){
    $(".box").mouseover(function(){
        $(this).animate({height:"+=20",width:"+=20"},"fast");
    });
    $(".box").mouseout(function(){
        $(this).animate({height:"-=20",width:"-=20"},"fast");
    });
});