動態設置熱區coords的坐標


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監聽圖片,這樣在圖片大小變化的時候,熱區依然在相應的位置


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM