第一種方法將三張大圖放在div里面，這三個(gè)div大小還有別的屬性都一樣，但是默認(rèn)是隱藏的，display隱藏 displayblock顯示 然后點(diǎn)擊一張圖片，對(duì)應(yīng)的大圖div顯示出來(lái)，點(diǎn)擊第二張，第一個(gè)大圖div隱藏，第二個(gè)；50% margin50px 0 0 50pxltstyle下面是body里的部分ltdiv id=quotdivquotltdivltinput type=quotbuttonquot value=quot點(diǎn)擊quot id=quotbtnquot以上是一個(gè)簡(jiǎn)單的點(diǎn)擊按鈕彈出一個(gè)居中的DIV，點(diǎn)擊DIV則讓這個(gè)DIV隱藏；quot onclick=quotc1quot菜單二ltaltdiv id=quota0quot這里是文字ltdivltdiv id=quota1quot style=quotdisplayquot這里是圖片，自己寫(xiě)上ltimg src=quot圖片地址quotltdiv左側(cè)右側(cè)布局我沒(méi)給你寫(xiě)，只寫(xiě)了圖片文字切換功能；利用“HTML彈出窗口的超鏈接”，接著右鍵圖層屬性，選擇“HTML彈出窗口”面板如下圖所示便可利用HTML彈出按鈕 ，點(diǎn)擊相應(yīng)圖斑，就可以彈出相應(yīng)圖片HTML彈出窗口的設(shè)置相對(duì)超鏈接的設(shè)置會(huì)靈活的點(diǎn)，不需要一定把路徑寫(xiě)入；===測(cè)試可運(yùn)行，里面具體內(nèi)容自己添加ltinput type=quotbuttonquot value=quot點(diǎn)擊這里quot onclick=quotsAlert#39測(cè)試效果ltbr還可以直接書(shū)寫(xiě)HTML代碼 ltbr#169 2006#39quot ltscript type=quottextjavascriptquot language=quotjavascript；quot onmouseout=quotdisquot ltdiv class=quots1quot id=quots1quotltimg src=quotbigbmpquotltdiv 要是想彈出文字介紹 把s1里面的img換成字就行了，或者簡(jiǎn)單點(diǎn)就在第一個(gè)img上加一個(gè)alt的屬性，鼠標(biāo)放在上邊也有顯示；這個(gè)可以使用js來(lái)幫助完成，給三個(gè)不同的按鈕都綁定點(diǎn)擊事件，對(duì)應(yīng)另外三個(gè)div，每個(gè)div里面使用img標(biāo)簽引入一張圖片或者做成div的背景也行，三個(gè)div的外層再套一個(gè)div，用來(lái)做遮罩層，開(kāi)始的時(shí)候所有div都隱藏，當(dāng)點(diǎn)擊。

lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitleDocumentlttitle ltscript src=quotlatestjsquotltscript lthead ltbody ltinput type=quotbuttonquot；范例代碼如下lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquotlthtml xmlns=quotlthead ltmeta；請(qǐng)問(wèn)點(diǎn)擊圖片窗口彈出網(wǎng)頁(yè)代碼是多少？不是ltA HREF=quot資源地址quotltIMG SRC=quot圖形文件地址quotltA 因?yàn)槭褂么舜a后圖片有藍(lán)色邊框，并且不是彈出新網(wǎng)頁(yè)解析打開(kāi)一個(gè)新網(wǎng)頁(yè)lta href=quot#quot onclick=quotwindowopen#39資源。

1準(zhǔn)備切換圖片素材，一般是兩張，如圖，放入img文件夾，跟HTML同級(jí)2然后用img嵌入到網(wǎng)頁(yè)，嵌入其中的一張，另外一張待會(huì)切換3如圖，現(xiàn)在是靜態(tài)的，鼠標(biāo)放上去也不會(huì)產(chǎn)生切換反應(yīng)，因?yàn)闆](méi)有用JS4如圖，獲??；如果想減少網(wǎng)頁(yè)大小，實(shí)時(shí)加載那就只有用js了，下面是個(gè)例子，實(shí)測(cè)了的，你可以根據(jù)需要進(jìn)行優(yōu)化lt！DOCTYPE html lthtml lthead lttitlemenulttitle ltscript type=quottextjavascriptquot function chgimgsrc var。

ltAhref=quotquotltimgsrc=quotimagesyumenjpgquotonmouseover=quotthissrc=#39imagesyumen1jpg#39quotonmouseout=quotthissrc=#39imagesyumenjpg#39quotwidth=quot100quotheight=quot28quotltA設(shè)置一個(gè)div，但是默認(rèn)卻是隱藏；我給你一個(gè)地址，菜鳥(niǎo)教程Javascript這兒有圖片彈窗的實(shí)例；這個(gè)屬于顯示隱藏層 默認(rèn)層是隱藏的，并用絕對(duì)定位 點(diǎn)擊按鈕，顯示該層。