jQuery slideDown的div覆蓋圖像slideUp立即

我已經把我的代碼中的jsfiddle所以它是入店 - http://jsfiddle.net/jamescallaghan/hg9r7/

任何幫助將非常感激。

當我去的jsfiddle似乎工作您有什麼具體問題？ –

當新元素滑入並且鼠標移過該元素時，覆蓋層滑出。我希望疊加層只在鼠標離開圖像時滑出。 –

我認爲你遇到的問題是，懸停是基於圖像元素而不是.slide，所以當文本面板向上滑動時它覆蓋了圖像，當您移動鼠標時，它充當懸停/取消懸停。

請看看這個，我剛剛更新了一下你的代碼。應該使用多張幻燈片:)希望這有助於！

一切順利，安東尼

2011-07-06 14:23:04

謝謝大家。我在所有內容中添加了另一個div，以便我可以將此懸停作爲頂部div用作影子容器。 –

真棒！樂意效勞：） –

您應該爲每個功能使用mouseenter og mouseleave。

唯一的問題是，如果鼠標滑過新滑塊，它會滑落。所以你需要解決這個問題。

這是一個部分修復：

編輯：其實那是你的代碼已經做了，所以沒有真正的改善。與您的代碼的問題是，您的鼠標光標有時會超過您正在拉起的框，這意味着你要離開.slide img

2011-07-06 14:01:39 Holger

感謝您的幫助，但肯定會像以前一樣使用不同的方法。問題是鼠標懸停在新元素上。 –

是的，這是我發現了... 我看了hoverIntent：http：//cherne.net/brian/resources/jquery.hoverIntent.html 爲解決類似的問題或者你也許可以創建一個元素在圖像和div上方，並用它來調用懸停在 – Holger

回答