html/css中map和area的應用


一、使用方法:

因為map標簽是與img標簽綁定使用的,所以我們需要給map標簽添加ID和name屬性,讓img標簽中的usemap屬性引用map標簽中的id或者name屬性(由於瀏覽器的不同,usemap屬性接收二者之一的值,所以通常name和id屬性二者都寫,值相同),並配合area標簽進行使用。

例如:

1、我們先插入一張圖片,並與map連接好

 

 2、然后用area設置區域

 

 其中的屬性:shape是形狀,coords是坐標。

得到的效果圖是:

 

 點擊藍色線圈位置就能跳轉鏈接的網址。

形狀的屬性circle是圓形;坐標的前兩位數是圓心的位置,后一位是半徑。

 

 

形狀的屬性rectangle是矩形;坐標前兩位數是一個角的位置,后兩位是對角的位置。

 

 

形狀的屬性poly是多邊形;坐標是每一對數就是一個角的位置。

 

 

 


免責聲明!

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



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