移动信息框或鼠标移动的工具提示

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}); 

});