マウスを動かすと情報ボックスまたはツールチップが移動する

Question

情報ボックスを表示するためのクエリを作成しました。マウスオーバー時にツールチップを表示できますが、マウスポインタの移動でそのボックスを移動する方法はわかりません。以下は、私のコードは次のとおりです。

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

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

Answer 1

で

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

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

感謝。マウスポインタの現在の位置を取得し、それらの座標を関連divの「上」および「左」の値に設定できます。 divの "position"属性を "absolute"に設定します。次のコードに似た何か。

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

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

}); 

Answer 2

使用のjqueryののMouseMove方法：あなたが.css()たときに、マウスの移動を経てその位置を設定し、事前