我正在尝试在悬停在图像上方时滑入和滑出的图像上创建叠加层。与此问题相同的原因 - JQuery Text slideDown / slideUp Overlay on Image Keeps Bouncing?。
我已将代码放在jsFiddle中,因此可以访问 - http://jsfiddle.net/jamescallaghan/hg9r7/
非常感谢任何帮助。
答案 0 :(得分:1)
我认为您遇到的问题是悬停是基于图像元素而不是.slide所以当文本面板向上滑动时它会覆盖图像,当您移动鼠标时它会作为悬停/取消悬停。
请看一下,我刚刚更新了你的代码。应该使用多个幻灯片:)希望这有帮助!
一切顺利, 安东尼
答案 1 :(得分:0)
你应该对每个函数使用mouseenter og mouseleave。
唯一的问题是,如果鼠标在新的div上方向上滑动,它将向下滑动。所以你需要解决这个问题。
这是部分修复:
编辑:实际上这就是你已经编写的代码,所以没有真正的改进。您的代码的问题在于,您的鼠标光标有时会超过您正在拉起的框,这意味着您要离开.slide img