jquery - 在鼠标悬停时需要 div 向上滑动

Question

我正在尝试创建一个顶部几乎不可见的 div（图片 #1），但在鼠标悬停时它会滑到其中会有一些副本的位置（图片 #2）。然后在 mouseout / leave div 返回到 #1 位置。

任何帮助是极大的赞赏

链接到我正在尝试完成的 IMG

Answer 1

一切正常，只需两点零钱，您就可以开始了！

首先，当你使用 stop 时，把它写成这样：stop(true); div 将停止闪烁。

然后，为了能看到一点红线，你只需要玩一下.default 注意，如果你在 CSS 中改变它，你必须在animate()！

我个人将其设置为 15px 将进行测试，这是一个很好的价值，请自行查看：http: //jsfiddle.net/dAj9S/14/

请注意，您制作动画的方式不会响应。换句话说，如果您的文本有 2 行，它将无法正常工作。你的代码对于那些“不喜欢”jQuery 的人来说是完全可以接受的。我只是指出您以后可能会遇到的问题！

编辑：正如林戈在他的回答中所说，使用.hover()代替.mouseover()and mouseout()！

Answer 2

您应该使用标准的 jQuery 函数，例如：

.slideUp() 

（来源：http ://api.jquery.com/slideUp/ ）

Answer 3

你在正确的轨道上。使用 hover() 而不是 mouseover() 和 mouseout()。

不要使用 delay()，而是使用 setTimeout()。