이미지에서 영역 모양의 위치를 ​​기반으로 div를 동적으로 배치하십시오.

Question

내 지역 모양이이 ID로 이와 같이 보이려면 jquery에서 가장 좋은 방법은 무엇입니까?

<area id="five" shape="rect" coords="610,22,653,62" href="#" /> 

Answer 1

지역 모양이 중요하다고 생각하지 않습니다. 아마도 다음과 같이 할 수 있습니다.

var $areaShape = $("#five"), $div = $("<div>Cool Stuff bro.</div>"); 
$div.css({ 
    position : "absolute", 
    top : $areaShape.offset().top, 
    left : $areaShape.offset().left 
}); 
$("body").append($div);