window.onresize = adjuest;
function adjuest(){
var picw = $(".imgbox img").width();
var pich = $(".imgbox img").height();
var x1 = parseInt(picw*0.28755);
var y1 = parseInt(pich*0.511167);
var x2 = parseInt(picw*0.39931);
var y2 = parseInt(pich*0.5783333);
var andx1 = parseInt(picw*0.28755);
var andy1 = parseInt(pich*0.62);
var andx2 = parseInt(picw*0.39931);
var andy2 = parseInt(pich*0.671667);
$("#ios").attr("coords",'"'+x1+','+y1+','+x2+','+y2+'"')
$("#android").attr("coords",'"'+andx1+','+andy1+','+andx2+','+andy2+'"')
}
adjuest();
事先算出熱區的位置如
<area shape="rect" coords="338,308,609,589" href="/" class="box" target="_blank" >
比例參數 = 338/圖片在當前電腦的真實寬度
再用window.onresize監聽圖片,這樣在圖片大小變化的時候,熱區依然在相應的位置