鼠标位置div

Question

我有一个像这样的动态内容的浮动DIV

<div id="rollover" style="display:none;background:#ffff99;width:150px;position:absolute;z-index:9999">
    <div id="rollover_content" style="padding:4px;border:1px solid"></div>
</div>

事件处理程序获取相关内容并设置内部DIV的innerHTML。如何将div的顶部/左侧尽可能靠近鼠标位置？

如果有帮助的话，页面上会提供jQuery。

由于

Answer 1

我相信你想要的是jQuery UI Position plugin。更多信息here。

Answer 2

假设e是事件处理程序中的参数：

$("#rollover").css({left:e.pageX + "px", top:e.pageY + "px"});

Answer 3

在这里，您可以看到如何获取鼠标坐标：http://docs.jquery.com/Tutorials:Mouse_Position

从那里你可以将div绝对定位更新为coords。