移動信息框或鼠標移動的工具提示

Question

我已經做了一個查詢來顯示一個信息框，或者你可以說在鼠標懸停的工具提示，但沒有得到如何移動該移動鼠標指針的框。下面是我的代碼：

$(".info img").hover(function(e){ 
    $("#dialogbox").show(); 
}, function(){ 
    $("#dialogbox").hide(); 
}); 

<div class="info"><img src="images/i.jpg" alt="info" /></div> 

在此先感謝

Answer 1

您通過.css()時設定的位置移動鼠標：jQuery的的

$("#dialogbox").css('position', 'absolute'); 

$(".info img").mousemove(function(e) { 
    $("#dialogbox").css({'left': e.pageX, 
         'top': e.pageY}); 
}); 

Answer 2

使用鼠標移動方法。您可以獲取鼠標指針的當前位置，並將這些座標設置爲相關div的「頂部」和「左側」值。將div的「position」屬性設置爲「absolute」。類似於下面的代碼。

$(".info img").mousemove(function(event) { 

$("#dialogbox").css({"top":event.pageY , "left":event.pageX}); 

});