Положение 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>

Обработчики событий извлекают соответствующий контент и устанавливают innerHTML внутреннего DIV. Как я могу расположить верх / левую часть div как можно ближе к положению мыши?

jQuery доступен на странице, если это поможет.

Спасибо

Answer 1

Я считаю, что вам нужен плагин jQuery UI Position . Подробнее здесь .

Answer 2

Предположим, e является параметром в вашем обработчике событий:

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

Answer 3

Здесь вы можете увидеть, как получить координаты мыши: http://docs.jquery.com/Tutorials:Mouse_Position

Оттуда вы можете обновить абсолютное позиционирование div в соответствии с координатами.