javascript - Jquery onmouseover 图像大小增加

Question

我正在尝试实现一种效果，当鼠标悬停在图像上时，图像会变大 50%，并在鼠标移出其区域时立即返回。用jquery可以做到这一点吗？如何？没有jquery 可以做到这一点吗？如果没有jquery，做起来有多难？

Answer 1

给你:

$('img').load(function() {
    $(this).data('height', this.height);
}).bind('mouseenter mouseleave', function(e) {
    $(this).stop().animate({
        height: $(this).data('height') * (e.type === 'mouseenter' ? 1.5 : 1)
    });
});

现场演示: http://jsfiddle.net/simevidas/fwUMx/5/