需要jquery帮助

Question

需要一点项目的帮助。看看

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

感谢您的帮助。

Answer 1

首先，您的#contain div应该有height: 67px，而不仅仅是67。然后，如果您给div.bottomwrapsports 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 });
    }
});