在鼠标悬停时需要div来上滑

时间:2013-05-09 19:35:58

标签: jquery

我正在尝试使用顶部几乎看不见的div(图像#1),但是在鼠标悬停时它滑动到它将有一些副本的位置(图像#2)。然后在mouseout / leave上,div返回到#1位置。

非常感谢任何帮助

Link to IMG of what I'm trying accomplish

3 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

您应该使用标准的jQuery函数,如:

.slideUp() 

(来源:http://api.jquery.com/slideUp/

答案 2 :(得分:0)

一切都很好,只有两点变化,你就在旅途中!

首先当你使用stop时,把它写成:stop(true); div将停止闪烁。

然后,为了能够看到一条红线,您只需要使用.default的高度。请注意,如果您在CSS中更改它,则必须在{{1}中更改它也是!

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

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

编辑:正如林戈在回答中所说,使用animate()代替.hover().mouseover()