需要jquery帮助吗

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

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

谢谢您的帮助。

首先，您的contain div应该有高度：67px，而不仅仅是67。然后，如果给div.bottomwrapsports一个位置：绝对；底部：0，可以使用鼠标悬停上的jQuery设置底部属性的动画：

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

试试这个：

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

---

如果你没有发布代码，我们如何帮助你呢？谢谢！这对它的滑动起了作用。有没有一种方法可以让它在我停下来的时候滑下来？我需要找到一种方法，使所有这些元素不会同时向上滑动。你想让红色条纹在不移动它的情况下在足球后面动画化吗？@user1525766:你可能想动画化回到底部：0。至于只为适当的元素设置动画，您可以使用一些遍历函数来选择它。感谢所有的帮助。看来我明白了。关于如何让它一次只制作一个图像的动画，有什么线索吗？现在这三个都上升了，我理解了，因为它们都使用相同的div，但是wordpress动态地创建了循环。这确实有效。谢谢你的帮助：代码的哪一部分阻止了其他人的进步？是鼠标指针吗？不是，$这个在处理程序中进行选择。这两种情况下都是“鼠标输入”或“鼠标左移”的元素。所以$this是一个jQuery对象，它只包含一个元素，不管它是哪一个。