특정 usemap 요소에 대한 마우스의 위치 div

usemap을 사용하여 img에 div를 배치해야합니다.특정 usemap 요소에 대한 마우스의 위치 div

특정 영역 위로 마우스를 가져 가면 해당 마우스 위치와 정확히 일치하는 div가 나타납니다.

나는 jQuery로 몇 가지 예를

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

의 종류를 발견하지만 항상 내 사업부를 호출; 특정 지역 요소 위에있을 때만 표시하고 싶습니다. (나는 분명 했습니까?) 감사합니다.

출처

2012-03-13 faboolous

나는 내가 여기서 무엇을 찾고 있었다 찾은 것 같아요 : http://stackoverflow.com/questions/4529957/get-position-of-map-areahtml – faboolous

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

나는 당신이 사업부를 보여줄 필요가 있다고 생각 'mouseover' :'$ ('# showDiv'). show()' – CAbbott

아, 그래요. :) –

좋아,하지만 이건 내 div 어디서나 img에 표시됩니다. 전체 이미지 맵 위로 마우스를 가져갈 때가 아니라 이미지 맵의 특정 영역 위로 마우스를 가져 가면 나타납니다. – faboolous

특정 usemap 요소에 대한 마우스의 위치 div

답변

관련 문제