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

我已经做了一个查询来显示一个信息框，或者你们可以说鼠标悬停时的工具提示，但并没有得到在移动鼠标指针时我应该如何移动那个框。下面是我的代码：

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

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

$（.info img”）.hover（函数（e）{
$（“#对话框”）.show（）；
}，函数（）{
$（“#对话框”）.hide（）；
});

---

提前感谢

当鼠标移动时，您可以通过

.css（）

设置其位置：

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

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

---

使用jquery的mousemove方法。您可以获取鼠标指针的当前位置，并将这些坐标设置为相关div的“top”和“left”值。将div的“position”属性设置为“absolute”。类似于下面的代码

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

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

});