div Position à la souris

Question

J'ai un DIV flottant avec un contenu dynamique comme ce

<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> 

Les gestionnaires d'événements chercher un contenu pertinent et définissez le innerHTML de la DIV intérieure. Comment puis-je positionner le haut/gauche de la div le plus près possible de la position de la souris?

jQuery est disponible sur la page, si cela peut vous aider.

Merci

Answer 1

Ici vous pouvez voir comment obtenir les coordonnées souris: http://docs.jquery.com/Tutorials:Mouse_Position

De là, vous pouvez mettre à jour div positionnement absolu à ce que les coords sont.

Answer 2

Je crois que ce que vous voulez est le jQuery UI Position plugin. Plus d'info here.

Answer 3

En supposant e est le paramètre dans votre gestionnaire d'événements:

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