放大几张图像

Question

我需要在悬停时缩放不同DIV内的图像;我可以一次缩放所有图像，但不是唯一的。

archives

＆＃13;

＆＃13;

img2

＆＃13;

$('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)
    });
});

＆＃13;

body {
    background:black;
}
img {
    display:block; 
    margin:10px; 
    height: 20%;
}
div {
    background:red;
    height: 200px;
    width: 200px;   
}

＆＃13;

＆＃13;

＆＃13;

Answer 1

试试这个： -

PlaySound

Fiddle

您将$('img').load(function() { $(this).data('height', this.height); }) $('.imagen').on('mouseenter mouseleave', function(e) { var img = $(this).children('img'); $(img).stop().animate({ height: $(img).data('height') * (e.type === 'mouseenter' ? 1.5 : 1) }); }); mouseenter绑定到mouseleave而非父img。