???????????????????????????? 圖象地圖
?? 圖象地圖分為: 客戶端圖象地圖,服務器端圖象地圖.但是現在服務器端圖象地圖已經被前者給淘汰了.什么是圖象地圖?把一幅圖象
分成多個區域,每個區域指向不同的URL.例如:把一幅中國地圖的圖象按照省份劃成若干區域,這些區域被稱為熱點區域,點擊熱點區域就
可以鏈接到相關的地方,這就是圖象地圖.
?? 知道了概念,那怎么樣產生圖象地圖呢?
1> 必須定義出圖象上個熱點區域的形狀,位置坐標,及指向的URL地址信息,這個過程叫圖象熱點映射.圖象熱點映射需要使用<map nam
?? e=mapname></map>標簽進行說明.其中name屬性為該圖象熱點映射指定了一個名稱.
2> 圖象熱點映射中的各個區域用<are>標簽說明,<area>標簽的格式為: <area sharp="形狀" coords="坐標" href=url>,也可以
?? nohref替換href,表示該區域單擊鼠標無效.<area>標簽還可以有個target屬性,用來指名瀏覽器哪個窗口或偵中顯示href屬性所
?? 指向的資源.
3> 定義好圖象熱點后,接著就要在<img>圖象標簽中增加一個名為usemap的屬性設置,usemap屬性指定該圖形被用做圖象地圖,其設置
?? 值為所使用的圖象熱點名稱.
eg:
<img src="logo.gif" border="0" usemap="#mymap">
<map name=mymap>
<area shape="rect" coords="0,0,50,50" href="a.html">
<area shape="rect" coords="50,0,100,50" href="b.html">
<area shape="rect" coords="100,0,150,50" href="c.html">
</map>
sharp屬性的設置說明:
.rect 定義一個矩形區域,coords屬性設置為矩形的左上角,右下角的坐標,各個坐標之間用逗號隔開.
.poly 定義一個多邊形區域,coords屬性設置為多邊形個頂點的坐標值.
.circle 定義了一個圓形區域,coords屬性設置為圓心坐標及半徑,前兩個參數分別為圓心的橫,縱坐標,第三個參數為半徑.
eg:
<map name="mymap">
<area sharp="rect" href="a.html" coords="140,20,280,60">
<area sharp="poly" href="b.html" coords="80,100,60">
<area sharp="circle" href="c.html" coords="100,100,180,80,200,140">
</map>