позиционировать div у мыши для определенных элементов карты

Question

Мне нужно разместить div на img, используя карту использования.

Только когда мышь наводится на определенную область, div появится - именно в этой позиции мыши.

Iнашел несколько примеров с jquery

jQuery(document).ready(function(){
   $("#mydiv").mouseover(function(e){
      $('#showDiv').html(e.pageX +', '+ e.pageY);
   });
})

, но это всегда вызывает мой div;Я хотел бы показать это только тогда, когда он наводится на определенные элементы области.(Надеюсь, я был чист?). Спасибо

Answer 1

Скрыть div на mouseout() и при готовности страницы.

jQuery(document).ready(function(){
    $('#showDiv').hide();

    $("#mydiv").mouseover(function(e){
       $('#showDiv').html(e.pageX +', '+ e.pageY);
       $('#showDiv').show()
    });

    $('#mydiv').mouseout(function() {
        $('#showDiv').hide();
    });
})