2011-07-06 16 views
0

我试图创建一个覆盖图像时,滑入和滑出图像时悬停。与此问题相同的原因 - JQuery Text slideDown/slideUp Overlay on Image Keeps Bouncing?jQuery slideDown的div覆盖图像slideUp立即

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

任何帮助将非常感激。

+0

当我去的jsfiddle似乎工作您有什么具体问题? –

+0

当新元素滑入并且鼠标移过该元素时,覆盖层滑出。我希望叠加层只在鼠标离开图像时滑出。 –

回答

1

我认为你遇到的问题是,悬停是基于图像元素而不是.slide,所以当文本面板向上滑动时它覆盖了图像,当您移动鼠标时,它充当悬停/取消悬停。

请看看这个,我刚刚更新了一下你的代码。应该使用多张幻灯片:)希望这有助于!

http://jsfiddle.net/NuWna/2/

一切顺利, 安东尼

+0

谢谢大家。我在所有内容中添加了另一个div,以便我可以将此悬停作为顶部div用作影子容器。 –

+0

真棒!乐意效劳 :) –

0

您应该为每个功能使用mouseenter og mouseleave。

唯一的问题是,如果鼠标滑过新滑块,它会滑落。所以你需要解决这个问题。

这是一个部分修复:

http://jsfiddle.net/hg9r7/3/

编辑:其实那是你的代码已经做了,所以没有真正的改善。与您的代码的问题是,您的鼠标光标有时会超过您正在拉起的框,这意味着你要离开.slide img

+0

感谢您的帮助,但肯定会像以前一样使用不同的方法。问题是鼠标悬停在新元素上。 –

+0

是的,这是我发现了... 我看了hoverIntent:http://cherne.net/brian/resources/jquery.hoverIntent.html 为解决类似的问题 或者你也许可以创建一个元素在图像和div上方,并用它来调用悬停在 – Holger