1、0documentquerySelectorAllquotbuttonquotforEachitem， index = itemonclick = = documentquerySelectorAllquotcontentquotnumstyledisplay = quotquotnum = indexdocumentquerySelectorAllquot；在圖片的div里添加屬性onmouseover=“divjs”然后ltscriptfunction divjs這里寫div操作ltscript 還有一個(gè)就是用js實(shí)現(xiàn)這是我的一個(gè)鼠標(biāo)經(jīng)過(guò)觸發(fā)，你自己可以仿照著改 documentreadyfunction quot#；在“西瓜西瓜是水果”前面添加 一個(gè)錨記 lta name=quotxiguaquot id=quotxiguaquotlta === 在西瓜圖片 所有的超鏈接中l(wèi)ta href=quot介紹html#xiguanquotltimg src=quot西瓜jpgquotltimg西瓜lta。

2、你可以定義一個(gè)變量，然后把圖片的ID賦值給這個(gè)變量，然后用javascript實(shí)現(xiàn)連接就可以啦；2在indexhtml中的ltscript標(biāo)簽，輸入js代碼function fun var a = Mathrandom * 5#39img#39attr#39src#39， #39image#39 + a + #39jpg#39 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)點(diǎn)擊圖片會(huì)換一張圖片；小三解決問(wèn)題了嗎，如果沒(méi)有，代碼如下 ltimg src=quotimg3jpgquot alt=quot圖片quot border=quot0quot style=quotborder1px solid #000000quotid=quotimg1quot onclick=quotsquot lta function s documentgetElementByI；ltmap id=quotplanetmapquot name=quotplanetmapquot ltarea shape=quotrectquot coords=quot0，0，82，126quot href=quotsunhtmquot alt=quotSunquot ltarea shape=quotcirclequot coords=quot90，58，3quot alt=quotMercuryquot href=quotmercuryhtmquot ltarea shape；這個(gè)不難吧我大概寫個(gè)原理給你lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml xmlns=quot；那以點(diǎn)擊代碼可以如下ltscript documentgetElementsByTagNamequotimgquot0clickltsript 注意，這里0是網(wǎng)頁(yè)中所有圖片的系號(hào)，如有10張圖，這個(gè)數(shù)值從0到9代表了每一張圖可以用for循環(huán)一個(gè)個(gè)判斷src屬性；輸入css代碼div width 72pxheight 72pxbackground urlsmall3png norepeatoverflow hidden 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)成功將矩形圖片只顯示了正方形部分4點(diǎn)擊小圖后，成功顯示了大圖；把你要跳轉(zhuǎn)的鏈接寫到a標(biāo)簽的href屬性里面就可以了， lta href=quotquotlta；二定義和用法lta 標(biāo)簽定義超鏈接，用于從一張頁(yè)面鏈接到另一張頁(yè)面lta 元素最重要的屬性是 href 屬性，它指示鏈接的目標(biāo)三簡(jiǎn)單的一個(gè)HTML頁(yè)面測(cè)試代碼四此時(shí)的頁(yè)面展示效果如下，點(diǎn)擊這兩張圖片即可轉(zhuǎn)到；1打開Dreamwever，新建一個(gè)頁(yè)面，插入一張圖片，2使用左下角的熱點(diǎn)工具3點(diǎn)擊“矩形”或其他熱點(diǎn)工具，再在圖片上拖動(dòng)位置 4選中其中一個(gè)熱點(diǎn)，在下方的屬性窗口中的鏈接欄填上你的鏈接，熱點(diǎn)鏈接就創(chuàng)建完成了。

3、你把前面的三個(gè)input type=quotbuttonquot都去掉，直接換成文字，類似這樣 lta href=quot#aquot奇石ltalta href=quot#bquot美玉ltalta href=quot#aquot關(guān)于我們ltabutton按鈕無(wú)法在A標(biāo)簽總起作用希望能幫到你。

4、圖片熱點(diǎn)區(qū)域中，rect 矩形區(qū)域，使用2個(gè)做點(diǎn)來(lái)確定具體位置和大小shape=quotrectquot coords=quotx1，y1，x2，y2quot以圖片的左上角為坐標(biāo)原點(diǎn)，矩形的左上角坐標(biāo)x1，y1和矩形的右下角坐標(biāo)x2，y2來(lái)確定具體位置和大小結(jié)合具體的。