img usemap屬性 中國地圖鏈接
編輯：HTML和Xhtml
html的img標簽：定義一個圖像在網頁中引入。它還有個usemap屬性很有意思。
看看51ditu首頁中有一個地圖，中部有個中國地圖。點擊右鍵下載下來看下就是一個普通的圖片。
但點擊地圖上的省份卻可以出發不同的事件（或打開不同的鏈接），很有意思。原來是使用了usemap屬性。
當然還要定義一個map標簽。整份代碼如下：
提示：您可以先修改部分代碼再運行
map標簽裡的area標簽的幾個屬性意義見：http://www.w3school.com.cn/tags/tag_area.asp
這裡還是記下area的shape屬性，可選項有矩形，圓形和多邊形。尤其要注意的是coords屬性，得結合shape使用，圖像左上角的坐標是 "0,0"。
看看51ditu首頁中有一個地圖，中部有個中國地圖。點擊右鍵下載下來看下就是一個普通的圖片。
但點擊地圖上的省份卻可以出發不同的事件（或打開不同的鏈接），很有意思。原來是使用了usemap屬性。
當然還要定義一個map標簽。整份代碼如下：
提示：您可以先修改部分代碼再運行
map標簽裡的area標簽的幾個屬性意義見：http://www.w3school.com.cn/tags/tag_area.asp
這裡還是記下area的shape屬性，可選項有矩形，圓形和多邊形。尤其要注意的是coords屬性，得結合shape使用，圖像左上角的坐標是 "0,0"。
- 上一頁:HTML 文本轉義小竅門
- 下一頁:Firefox下英文字母不換行的解決方案
小編推薦
熱門推薦