?

? HTML之六：圖像的熱區連接。 前面說了一下圖像的插入，這次說說設置一張圖片上不同地區的鏈接。比如一張地圖上，河北，山東兩省，點擊河北的覆蓋區域，轉到一張河北的大地圖，點擊山東的覆蓋區域，轉到一張山東的大地圖。這里我們就要用Dreamweaver找到它的坐標（coods）當然我們要首先插入中國地理圖片。（還記得嗎？嘿嘿。）并且使用usemap命名： <img src=”” usemap=”映射圖像名稱”> 示例如下： <img src=”ChinaMap.jgp” usemap=” ChinaMap” 然后再定義河北、山東這兩個熱區以及熱區的屬性： <map name=” 映射圖像名稱”> <area shape=”熱區形狀” coods=”熱區圖標” href=”鏈接地址” titile=”指向時顯示文字”> <area shape=” 熱區形狀” coods=” 熱區圖標” href=” 鏈接地址” titile=” 指向時顯示文字”> </map> 這樣我們就定義了熱區以及鏈接。img里的usemap和map里name定義的名字是一樣的，但是img里的usemap的名字前加“#”，shape三個屬性：circle(圓形),poly(多邊形),rect(矩形)，coods的屬性就是坐標，如果你選定的區域是矩形，那么坐標就是對角線兩個點的坐標，先寫橫坐標，再寫豎坐標。圓形就是圓心坐標和半徑長度。多邊形每個點的坐標都要寫上。 示例如下： <img src=”” usemap=”#中國地理圖片”> <map name=” 中國地理圖片”> <area shape=”rect” coods=”"523,217,977,707"” href=”HB.jpg” titile=”顯示河北大地圖”> <area shape=” rect” coods=”1048,390,1214,617” href=” SD.jpg” titile=” 顯示山東大地圖”> </map> 這樣我們點擊中國地圖上河北、山東的覆蓋區域就會轉到相應大圖頁面。當然實際中設置的是多邊形區域，這里拿矩形做示例，希望還是會舉一反三那。

轉載于:https://blog.51cto.com/diesel/376615

總結

以上是生活随笔為你收集整理的HTML之六：图像的热区连接的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。