定位相对股利鼠标位置

Question

所有，

如何以下相对于鼠标的位置DIV，使鼠标和DIV不出来ofsync在page.May的附带一份最终成为像一个提示职位，该职位一直sjows在页面的结束完美的位置..

<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

你可以用这个例子尝试，

$(window).mouseover(function(event){ 
    var x = event.pageX, 
     y = event.pageY, 
     scX = $(window).scrollLeft(), 
     scY = $(window).scrollTop(), 
     scMaxX = scX + $(window).width(), 
     scMaxY = scY + $(window).height(), 
     wd = $("#div1").width(), 
     hgh = $("#div1").height(); 

    if (x + wd > scMaxX) x = scMaxX - wd; 
    if (x < scX) x = scX; 
    if (y + hgh > scMaxY) y = scMaxY - hgh; 
    if (y < scY) y = scY; 
    $("#div1").css({'top': y, 'left': x}); 
});