DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> img usemap屬性 中國地圖鏈接
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"。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved