回答coords 屬性與 shape 屬性配合使用，來規(guī)定區(qū)域的尺寸形狀和位置 比如矩形 建議你通過DW可視化編輯一下，你可以通過更改里面的數(shù)值大小就會(huì)發(fā)現(xiàn)每個(gè)值對(duì)應(yīng)的位置啦。

1lthtml2ltbody3ltimg src=quotpicjpgquot width=quot134quot height=quot115quot border=quot0quot usemap=quot#Mapquot hidefocus=quottruequot 4ltmap name=quotMapquot id=quotMapquot5ltarea shape=quotpolyquot coords=quot44，44，61，40，77，45。

在需要去掉邊框的ltarea標(biāo)簽中加入onfocus=quotblurthisquot分析onfocus 事件在對(duì)象獲得焦點(diǎn)時(shí)發(fā)生，那么blurthis則是讓當(dāng)前對(duì)象失去焦點(diǎn)而那個(gè)鼠標(biāo)按下出現(xiàn)的藍(lán)色邊框則是焦點(diǎn)線了注一般為了頁(yè)面美觀和效果一致，要去。

coords 中的值只能是數(shù)字，area中coords值不能用百分比頁(yè)面加載的時(shí)候，用 JavaScript 獲取圖片的尺寸，例如 500 * 300，當(dāng)圖片尺寸發(fā)生改變的時(shí)候再獲取一次，例如 400 * 240，獲取比例，400 500 = 08然后使用。

HTML ltlink 標(biāo)簽link 標(biāo)簽位于 html 文檔的 head 部分，定義文檔與外部資源的關(guān)系，最常見的用途是鏈接外部樣式表 css 文件HTML ltmap 標(biāo)簽map 定義一個(gè)客戶端圖像映射圖像映射imagemap指帶有可點(diǎn)擊區(qū)域的一幅圖像HTML lt。

可以直接在dw 中設(shè)計(jì)，我用的2019CC，可以先調(diào)出設(shè)計(jì)窗口，然后對(duì)在DW顯示出的圖片右鍵，選出屬性，然后就有 然后左下角就是熱點(diǎn)工具，直接拖動(dòng)在圖片上選出來，代碼里就會(huì)自動(dòng)生成坐標(biāo)。

在Html中，給圖像使用map標(biāo)簽，可以給圖像的某個(gè)部分建立超連接，用法如下ltimg src=imggif usemap=quotMAPNamequot ltmap name=quotMAPNamequot ltarea shape=quotrectcirclepolyquot coords=quot#quot href=quoturlquot ltmap 注。

如果需要發(fā)生改變熱點(diǎn)區(qū)域顏色，那是沒有好辦法的，但是有巧辦法，利用JavaScript來改變圖片，使用onmouseover事件和onmouseout事件在改變圖片的src 例子ltimg src=quotheaderjpgquot width=quot800quot height=quot202quot border=quot0quot usemap=。

3在打開的新的窗口頁(yè)面時(shí)，設(shè)置自己的區(qū)域，精確查找等要設(shè)置的地點(diǎn)如圖 4如圖所示添加標(biāo)注，標(biāo)注我所在地址5所有都設(shè)置好了以后，點(diǎn)擊獲取代碼會(huì)自動(dòng)彈出新的對(duì)話框，如圖6將彈出的新的對(duì)話框里的html。

coords 中的值只能是數(shù)字，你的問題可以用 JavaScript 來解決 頁(yè)面加載的時(shí)候，用 JavaScript 獲取圖片的尺寸，例如 500 * 300，當(dāng)圖片尺寸發(fā)生改變的時(shí)候再獲取一次，例如 400 * 240，獲取比例，400 500 = 08然后。

其實(shí)就在Dreamweaver就可以很好的處理 你就靠coords的值，注意看橫向相同，有兩個(gè)數(shù)字相同的，縱向相同也有兩個(gè)數(shù)字是相同的，至于兩個(gè)熱點(diǎn)大小不一樣的話，也可以根據(jù)加減來完成其它的都直接里面拖動(dòng)搞定就行了 參考資料。

lthtml lthead lttitleMy JSP #39indexjsp#39 starting pagelttitle lthead ltbody ltselect ltoption請(qǐng)選擇ltoption lt MapltInteger，String map = MapExamplemapforMapEntryltInteger，String entry。

1進(jìn)入mapAPItoolcreatMap 創(chuàng)建地圖百度地圖API所見即所得工具，百度官方地址，大家放心使用切換城市，搜索需標(biāo)注位置如下圖設(shè)置地圖大家可以對(duì)網(wǎng)站顯示地圖的寬高。

map是圖形控制的標(biāo)識(shí)，area是每個(gè)圖形區(qū)域coords是在屏幕上的絕對(duì)坐標(biāo)，是兩個(gè)，代表左上和右下的矩形的焦點(diǎn)位置，在這個(gè)區(qū)域里的點(diǎn)擊操作都會(huì)觸發(fā) href的連接，target 是跳轉(zhuǎn)到哪個(gè)目標(biāo)塊，鼠標(biāo)移到上面alt 標(biāo)記的圖片上。

2局部鏈接 在某種情況下，我們不希望整張圖片加鏈接希望的效果是點(diǎn)擊圖片某個(gè)區(qū)域，鏈接到某地址是通過map標(biāo)簽和ltarea標(biāo)簽結(jié)合使用的如1ltimg src=quot超鏈接地址quot alt=quot替換文本quot usemap=quot#map名稱quot。

這是JSP中的EL表達(dá)式，專門用來對(duì)域?qū)ο驤ava有九大域?qū)ο笾械臄?shù)據(jù)做處理的，可以出現(xiàn)在html代碼中正文部分上面是我的項(xiàng)目中的JSP里的一段代碼，可以看見EL表達(dá)式使用得很廣泛想要使用EL表達(dá)式，前提是要在JavaWeb項(xiàng)目。