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

1準(zhǔn)備切換圖片素材，一般是兩張，如圖，放入img文件夾，跟HTML同級2然后用img嵌入到網(wǎng)頁，嵌入其中的一張，另外一張待會切換3如圖，現(xiàn)在是靜態(tài)的，鼠標(biāo)放上去也不會產(chǎn)生切換反應(yīng)，因?yàn)闆]有用JS4如圖，獲取；如果想減少網(wǎng)頁大小，實(shí)時(shí)加載那就只有用js了，下面是個(gè)例子，實(shí)測了的，你可以根據(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è)地址，菜鳥教程Javascript這兒有圖片彈窗的實(shí)例；這個(gè)屬于顯示隱藏層 默認(rèn)層是隱藏的，并用絕對定位 點(diǎn)擊按鈕，顯示該層。