主頁 > 知識庫 > IMG中UserMap的使用示例

IMG中UserMap的使用示例

熱門標(biāo)簽:網(wǎng)站建設(shè) 美圖手機(jī) 百度競價(jià)點(diǎn)擊價(jià)格的計(jì)算公式 智能手機(jī) 硅谷的囚徒呼叫中心 阿里云 使用U盤裝系統(tǒng) 檢查注冊表項(xiàng)
usemap是<img>標(biāo)簽的一個(gè)屬性,用作指明所使用的圖像地圖名。

后面的#Map的Map就是用<map>標(biāo)簽定義的一個(gè)圖像地圖,它的name屬性是Map,像下面這樣定義:

復(fù)制代碼
代碼如下:

<map name="Map">
<area shape=rect coods="100,100,200,200" href="test1.html">
<area shape=rect coods="200,100,300,200" href="test2.html">
...
</map>

使用時(shí):

復(fù)制代碼
代碼如下:

<img src="test.gif" usemap="#Map">

圖像地圖把一幅圖像分成若干個(gè)區(qū)域,點(diǎn)擊不同的區(qū)域會進(jìn)入不同的頁面。

為了創(chuàng)建客戶端圖像映像,需要增加新屬性USEMAP如下:

復(fù)制代碼
代碼如下:

<IMG SRC="map_name.gif" USEMAP="#section_name">

屬性USEMAP(使用圖像)接受段塊式的超級鏈接,因此可以在同一HTML文件中存儲映像定義信息。

復(fù)制代碼
代碼如下:

<IMG src="Images/index-top.jpg" border="0" usemap="#Map" id="IMG1" onclick="return IMG1_onclick()">
<MAP name="Map">
<AREA shape="rect" coords="224,95,307,125" href="default.aspx">
<AREA shape="rect" coords="326,96,407,123" href="Cart.aspx">
<AREA shape="rect" coords="426,96,503,125" href="MemberShip/UserLogin.aspx">
<AREA shape="rect" coords="525,96,609,125" href="Admin/default.aspx">
</MAP>

標(biāo)簽:通遼 湘潭 湖北 黃山 煙臺 山南 賀州 懷化

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《IMG中UserMap的使用示例》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266