特定usemap元素的鼠標位置div

我需要使用usemap在img上定位div。特定usemap元素的鼠標位置div

只有當鼠標懸停在特定區域上時，div纔會出現 - 完全位於該鼠標位置。

我發現用jQuery的幾個例子的各種

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

但這總是叫我的DIV;我只想在它懸停在特定區域元素上時才顯示它。（希望我清楚了嗎？）。謝謝

來源

2012-03-13 faboolous

我想我找到了我一直在尋找在這裏： http://stackoverflow.com/questions/4529957/get-position-of-map-areahtml – faboolous 2012-03-14 16:38:03

隱藏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(); 
    }); 
})

來源

2012-03-13 21:13:29

我認爲你需要顯示在div你的'mouseover'：'$（'＃showDiv'）。show（）' – CAbbott 2012-03-13 21:16:02

啊，是的，那。 :) – 2012-03-13 21:19:38

好吧，但這將顯示我的div在img的任何地方。我希望它只在懸停在圖片地圖的特定區域時出現，而不是懸停在整個圖片地圖上。 – faboolous 2012-03-13 21:57:14

特定usemap元素的鼠標位置div

回答

相關問題