jquery - 需要jquery帮助

Question

在一个项目上需要一点帮助。看一眼

我希望足球的红色区域在悬停时向上滑动一点，完成后向下滑动。带有足球的红色区域是 div 的背景。定位绝对和底部 0，在一个相对的 div 内，以使其保持在底部。基本上我想增加那个 div 的高度，但是代码有一些问题。我尝试过使用 slideDown 方法和 slideToggle。我可以让它向下滑动一点，但不知道如何增加它的高度。

谢谢你的帮助。

Answer 1

首先，你的#containdiv 应该有height: 67px，而不仅仅是67. 然后，如果你给出div.bottomwrapsportsa position: absolute; bottom: 0，你可以在鼠标悬停时使用 jQuery 为底部属性设置动画：

$("div.bottomwrapsports").animate({ bottom: 20 });  // move it 20px up

Answer 2

试试这个：

$("div.bottomwrapsports").on({
    'mouseenter': function() {
        $(this).animate({ bottom: 20 });
    },
    'mouseleave': function() {
        $(this).animate({ bottom: 0 });
    }
});