Question

我有这个悬停功能，可以动画我的imgs，但是在重新调整窗口大小后，图像不会与窗口的宽度重新对齐，在悬停事件之前图像将重新对齐，如何在悬停事件显示后可以重置图像，可以使用窗口重新调整图像大小吗？

$('.gallery img').hover(function(){
        $('.gallery img').each(function(){
            $(this).css({'top': $(this).offset().top, 'left': $(this).offset().left});
        });
        $('.gallery img').css({'position': 'absolute', 'z-index': 1});
        $(this).css('z-index', 10);
        $(this).animate({
            width: "+=14",
            height: "+=14",
            left: "-=7",
            bottom: "-=7"
        });
    }, function(){
        $(this).css('z-index', 1);
        $(this).animate({
            width: "-=14",
            height: "-=14",
            left: "+=7",
            bottom: "+=7"
        });
    });

Answer 1

您为hover()提供了2个函数。

E.g。 .hover(function(){},function(){})

第一个是鼠标进入时，第二个是鼠标离开时。

我怀疑罪魁祸首是：

.css({'position': 'absolute', 'z-index': 1});

在第二个功能中，尝试设置position: static。我想在动画之后说。

jquery悬停后重置位置

1 个答案: