在鼠標懸停需要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

回答