jQuery slideDown的div立即叠加在图像slideUp上

时间:2011-07-06 13:54:03

标签: jquery jquery-ui jquery-slide-effects

我正在尝试在悬停在图像上方时滑入和滑出的图像上创建叠加层。与此问题相同的原因 - JQuery Text slideDown / slideUp Overlay on Image Keeps Bouncing?

我已将代码放在jsFiddle中,因此可以访问 - http://jsfiddle.net/jamescallaghan/hg9r7/

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:1)

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

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

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

一切顺利, 安东尼

答案 1 :(得分:0)

你应该对每个函数使用mouseenter og mouseleave。

唯一的问题是,如果鼠标在新的div上方向上滑动,它将向下滑动。所以你需要解决这个问题。

这是部分修复:

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

编辑:实际上这就是你已经编写的代码,所以没有真正的改进。您的代码的问题在于,您的鼠标光标有时会超过您正在拉起的框,这意味着您要离开.slide img