Javascript 触发'；进一步信息'；鼠标上方的div（带重叠）

这是我希望在鼠标光标位于图像上时实现的效果：

以下是我目前的做法：

<div id="moviethumb2" class="moviethumb">
    <a onmouseover="javascript:mouseOverThumb(2)" href="movie.php?id=38055">
           <img src="img2.jpg">
    </a>
</div>
<div id="moviethumb3" class="moviethumb">                   
    <a onmouseover="javascript:mouseOverThumb(3)" href="movie.php?id=605">
           <img src="img3.jpg">
    </a>
</div>

但我还没能想出一个非常简单的方法<代码>z索引我尝试过使用

我的问题是，使用css、jquery/javascript实现上述效果的最简单方法是什么。我希望你能给我指出正确的方向，这样我就不会把这个问题复杂化了

---

谢谢

这是一个经典的，但很好的例子，正好说明了你在寻找什么

辅导

演示

---

也许最简单的方法就是使用jQuery，正如Loktar所建议的那样

但是，如果您真的想自己做，请： 为弹出窗口添加一个新的div，具有特定的宽度、位置：绝对和显示：无。现在，当鼠标悬停在其中一个拇指上时，使用javascript将display设置为“block”，并将位置设置为拇指位置减去边框宽度/高度。（你可以通过给拇指一个类似于鼠标指针传递的数字的id，然后执行getElementById并读取顶部和左侧的属性来获得拇指的位置）。使用onMouseOut再次将弹出窗口的显示设置为“无”

现在，不要在z-index上乱搞，只需使用javascript将相关的拇指和其他信息放入弹出窗口即可

这是我现在能想到的最简单的方法