根據圖像中區域形狀的位置動態地定位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);