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