Позиционирование div относительно положения прокрутки мыши

Question

На какой-то мыши отображается div1. Как отобразить div рядом с указателем мыши, чтобы даже наведение мыши в конце контекста div отображалось рядом с указателем мыши ,

<style type="text/css"> 
#div1 { width: 200px; height: 30px; background-color: #a9a9a9; color: #fff; position: absolute; } 
</style> 
<script src="jquery.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function(){ 
$(window).mouseover(function(event){ 
$("#div1").css({'top': event.pageY, 'left': event.pageX}); 
}); 
}); 
</script> 
<div id="div1">mouseover me</div> 

Answer 1

Это может помочь: http://webdevpad.blogspot.com/2010/07/cross-browser-mouse-coordinates.html

После того, как вы получите позицию мыши, придать ему небольшое смещение, передайте координаты в свой div tool и не забудьте указать свою позицию всплывающей подсказки: исправлено.

Answer 2

Обычный термин для того, что вы хотите сделать, это «подсказка».

Ваш лучший выбор - вероятно, использовать фреймворк JavaScript, такой как Prototip, который предоставляет эту функциональность (в отличие от попыток запрограммировать его самостоятельно). (Поиск по этой ссылке для раздела «зацепив», чтобы увидеть, как вы бы идти о создании такой подсказки с Prototip.)