鼠标位置div用于特定的usemap元素

时间:2012-03-13 21:10:42

标签: javascript jquery html position imagemap

我需要使用usemap在img上定位div。

只有当鼠标悬停在特定区域上时,div才会出现 - 恰好位于该鼠标位置。

我在jquery中找到了一些

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

但这总是叫我的div;我只想在它悬停在特定区域元素上时显示它。 (希望我很清楚?)。谢谢

1 个答案:

答案 0 :(得分:0)

mouseout()上隐藏div并在页面准备好后。

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

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

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