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