jquery悬停后重置位置

时间:2014-04-09 22:09:44

标签: javascript jquery css hover

我有这个悬停功能,可以动画我的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"
        });
    });

1 个答案:

答案 0 :(得分:1)

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

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

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

我怀疑罪魁祸首是:

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

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