我有这个悬停功能,可以动画我的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"
});
});
答案 0 :(得分:1)
您为hover()
提供了2个函数。
E.g。 .hover(function(){},function(){})
第一个是鼠标进入时,第二个是鼠标离开时。
我怀疑罪魁祸首是:
.css({'position': 'absolute', 'z-index': 1});
在第二个功能中,尝试设置position: static
。我想在动画之后说。