javascript - 如何在 JavaScript 中使图像变大 x%(使用 jQuery)

Question

我认为这应该是一件简单的事情，但我没有看到明确的方法。

我希望当用户将鼠标悬停在图像上时，图像会变大 10%，然后当用户将鼠标移开时返回到其原始大小。

我想我会想要使用 jQuery hover 函数，但我不知道将哪些函数传递给 hover。

$('.resizableImage').hover(makeBigger, returnToOriginalSize);

Answer 1

jQuery 允许您使用 += 和 %。所以这两个人一起就能做你想做的事。

$('.resizableImage').hover(makeBigger, returnToOriginalSize);

function makeBigger() {
    $(this).css({height: '+=10%', width: '+=10%'});
}
function returnToOriginalSize() {
    $(this).css({height: "", width: ""});
}

演示: http://jsfiddle.net/rZaAE/