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