在鼠标悬停需要div上滑

我想有一个顶部几乎不可见的图像（图像＃1），但在鼠标悬停它幻灯片到它将有一些副本在它（图像＃ 2）。然后在mouseout /离开div返回到＃1的位置。在鼠标悬停需要div上滑

任何帮助是极大的赞赏

下面是我目前所拥有的：http://jsfiddle.net/dAj9S/8/ – user2282821 2013-05-09 19:36:17

一切都正常工作，只是两个小的变化，你上去吧！

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

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

我个人将它设置为15像素将测试，这是一个良好的价值，看到自己：http://jsfiddle.net/dAj9S/14/

请注意，您在做动画的方式会不响应。换句话说，如果你的文本有2行，它不会工作。您的代码完全可以接受“jQuery不相处”的人。我只是指出你可能会遇到的问题！

编辑：作为林戈在他回答说，用.hover()代替.mouseover()和mouseout()！

2013-05-09 20:01:02

你的小提琴几乎就是我正在寻找的东西......唯一的事情是，如果你把鼠标放在div上一秒钟，然后移动你的鼠标，那么红盒子的行为会变得奇怪。我怎么能解决这个问题，因为你对我的帮助很大。 – user2282821 2013-05-09 20:05:07

这实际上很奇怪，但我通过在'#thumbFeatures .up-down' CSS中添加'overflow：hidden;'来解决它。 http://jsfiddle.net/dAj9S/17/ – 2013-05-09 20:17:42

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

不要使用delay（），而是使用setTimeout（）。

2013-05-09 19:38:38 Ringo

感谢您的鼓励之词......如何让div在不“活跃”时略微可见？ - 如果这是有道理的 – user2282821 2013-05-09 19:39:50

为什么使用延迟不好？ – 2013-05-09 19:48:50

您应该使用标准的jQuery的功能，如：

.slideUp()

2013-05-09 19:39:08

回答