1. 程式人生 > >html中如何在背景圖片的某個區域加入連線

html中如何在背景圖片的某個區域加入連線

導讀:
<div id="Layer1" style="position:absolute; left:5px; top:1px; width:994px; height:800px; z-index:1;"><img src="enterbackground.jpg" width="1009" height="817" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="11,488,218,552" href="index1.htm">
</map>
</div>如這段程式碼具體是怎麼解釋的!coords="11,488,218,552每個數字代表是什麼!
spooner童生 一級
最佳答案
你所舉的例子是影象對映,下面這篇文章很清楚的說明了什麼是影象對映,及其用法。對於你所說的
coords="11,488,218,552"中的數字,其實是影象影射中需要繪製的圖形的一些引數,比如例子中的rect是矩形,所以需要定義左上角和右下角的座標。所以(11,488)是左上角座標(218,552)是右下角座標。
至於div標籤中的程式碼,實際是定義了一個層,你可以參考一些,層定義的html教程。比如以下的連結
http://it.dgzx.net/zxkt/gaoyiji/2002-2003-2/others/UsingDreamweaver/html/17Layers2.html
使用影象對映
1 什麼是影象對映
所謂影象對映是指在一幅圖中定義若干個區域,每個區域中指定一個不同的超連結,當單擊不同的區域時便可以跳轉到相應的目標頁面。
2 建立影象對映
2.1 定義對映區域
定義對映區域使用MAP標記符,在<MAP>和</MAP>之間新增對映區域。新增對映區域使用AREA標記符。該標記符具有三個基本屬性:
href 標識出目標的URL
shape 說明對映區域的形狀。取值可是:
rect 矩形
circle 圓形
poly 多邊形
default 整個影象區域
coords 用於標識對映區域的邊界。
2.1 對對映區域進行引用
標記了對映區域之後,就可以通過在IMG標記符中使用usermap屬性來引用相應的對映資訊。
一個完整的影象對映語法如下:
<map name="mymap">
<area href=URL1 shape=rect coords="x1,y1,x2,y2">
<area href=URL2 shape=circle coords="x,y,r">
<area href=URL3 shape=poly coords="x1,y1,x2,y2,...,xn,yn">
</map>
<img src=image_URL usemap=#mymap>
注意:map標記符中,name屬性的取值必須與img標記符中,usemap屬性的取值相同,只是usemap屬性的值前面多了一個# 。
參考資料:http://www.gaopeng.com/bbs/dispbbs.asp?boardid=14&ID=5450
        本文轉自
http://zhidao.baidu.com/question/5911765.html