jQuery熔岩灯般的效果在各处蹦蹦跳跳!

时间:2010-04-11 18:33:08

标签: jquery hover lavalamp

我按照这里找到的教程添加了我自己的耀斑:tutorial

我想要完成的是在列表项的左侧和右侧放置一个特定的图像。因此,我不是仅仅在教程中创建的通用<li id="blob"></li>,而是<li id="blob"><div class="blob-wrap"><div class="leftimage"></div><div class="rightimage"></div></li>来完成我想要的特定效果。它运行得很漂亮......除非我将鼠标悬停在其中一个列表项上,否则图像会尝试反弹“currentPageItem”。

这是一个JS Bin示例:http://jsbin.com/odome

我需要做些什么来解决它? jQuery正在激活“hoverOut”函数(或者你想要的任何东西)。但为什么呢?

1 个答案:

答案 0 :(得分:1)

z-index确实是问题所在。我没有意识到z-index不适用于浮动元素。我必须将position: relative应用于a链接,并为其指定高于blob的z-index。