Question

I have made a query to show a Info box or you can say tooltip on mouse over, but not getting how should I move that box on moving of mouse pointer. Below is my code:

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

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

Thanks in advance

Answer 1

You set its position via .css() when the mouse moves:

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

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