定位相對於鼠標的滾動位置

Question

在某些鼠標移到一個div，DIV1是displayed.How顯示旁邊的鼠標指針的股利，使得即使在鼠標懸停的上下文的末端在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，並記住給你的工具提示位置：fixed。

Answer 2

您想要做的通常術語是「tooltip」。

您最好的選擇可能是使用一個JavaScript框架，像Prototip，它提供了這個功能（而不是試圖自行編碼的話）。 （搜索該鏈接的「掛鉤」一節，看看你將如何去與Prototip創建這樣一個提示）