回答這個(gè)需要JS，簡(jiǎn)單用Jquery來寫吧，就在圖片位置有個(gè)默認(rèn)圖片，然后點(diǎn)擊左邊，更改圖片的路徑就可以了撒。

100px height100pxbackgroundred positionabsolute left50% top50% 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隱藏。

對(duì)按鈕添加個(gè)onclick事件就行了，下面是個(gè)案例ltdiv id=quotboxquotltdivltbutton onclick=quotaddContentquot按鈕ltbuttonltscriptfunction addContentvar oDiv=documentgetElementByIdquotboxquotoDivinnerHTML=quot這是添加的文字quotoDivinnerHTML=#39ltimg src=quot1minjpgquot#39 添加。

方法1給圖片加一個(gè)onclick事件，用js事件來提交就可以實(shí)現(xiàn)例ltinput type=quotimagequot src=quot圖片地址quot 方法2有CSS把圖片設(shè)為按鈕背景就可以了 例 ltinput name=quotquot type=quotbuttonquot style=quot width10px height10px border0 backgroundurl圖片路徑 norepeat left topquot。

電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如indexhtml，編寫問題基礎(chǔ)代碼2在indexhtml中的ltbutton標(biāo)簽中，加入樣式代碼style=quotbackground urlsmall2pngwidth150pxheight60pxquot3瀏覽器運(yùn)行indexhtml頁面，此時(shí)按鈕被成功添加了圖片。

按鈕圖片輪換，那個(gè)就是采用了2個(gè)或多個(gè)按鈕圖片，然后點(diǎn)擊的時(shí)候根據(jù)你定義的值而變換的這個(gè)需要你對(duì)CSS結(jié)構(gòu)中的屬性值變換比較熟悉了比如我們給一個(gè)引導(dǎo)圖片按鈕定義為1jpg，那么我們要做到鼠標(biāo)放上去，按鈕變成2jpg，那么我們就要用到onMouseOver屬性，具體屬性值根據(jù)你1jpg的ID來定義，意思就是。

需要準(zhǔn)備的材料有電腦，瀏覽器，HTML編輯器1首先，打開HTML編輯器并創(chuàng)建一個(gè)新的HTML文件，比如indexhtml，寫出的基本問題代碼2 在ltbutton標(biāo)簽的索引style=quotbackground urlsmall2png寬度150 px高度60px quot3當(dāng)瀏覽器運(yùn)行索引時(shí)HTML頁面中，按鈕成功添加了圖像。

1首先，打開html編輯器，新建html文件，例如indexhtml，輸入問題基礎(chǔ)代碼2在indexhtml中的ltscript標(biāo)簽中，輸入js代碼#39a#39hoverfunction $#39img#39css#39display#39， #39block#393瀏覽器運(yùn)行indexhtml頁面，此時(shí)鼠標(biāo)移動(dòng)到超鏈接上，下面的圖片自動(dòng)顯示了出來。

網(wǎng)頁鏈接 我給你一個(gè)地址，菜鳥教程Javascript這兒有圖片彈窗的實(shí)例。

javascriptquot onclick=quotc0quot菜單一ltalta href=quotjavascriptquot onclick=quotc1quot菜單二ltaltdiv id=quota0quot這里是文字ltdivltdiv id=quota1quot style=quotdisplayquot這里是圖片，自己寫上ltimg src=quot圖片地址quotltdiv左側(cè)右側(cè)布局我沒給你寫，只寫了圖片文字切換功能。

這個(gè)超級(jí)簡(jiǎn)單 ltscript type=quottextjavascriptquot function a alertquotwelcome to topjobjquot ltscript ltinput type=quotbuttonquot value=“按鈕” onClick=quotjavascriptaquot。

html不會(huì)生成圖片，不過你可以調(diào)用打印機(jī)ltscript language=quotjavascriptquot function preview bdhtml=sprnstr=quotlt！startprintquoteprnstr=quotlt！endprintquotprnhtml=bdhtmlsubstrbdhtmlindexOfsprnstr+17prnhtml=prnhtmlsubstring0。

需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如indexhtml，編寫問題基礎(chǔ)代碼2在indexhtml中的標(biāo)簽中，加入樣式代碼style=quotbackgroundurlsmall2pngwidth150pxheight60pxquot3瀏覽器運(yùn)行indexhtml頁面，此時(shí)按鈕被成功添加了圖片。

1首先，打開html編輯器，新建html文件，例如indexhtml，編寫問題基礎(chǔ)代碼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頁面，此時(shí)點(diǎn)擊圖片會(huì)換一張圖片。

代碼是“l(fā)timg scr = #39圖片地址#39”1新建html文件，在body標(biāo)簽中添加img標(biāo)簽，img標(biāo)簽在html中沒有結(jié)束標(biāo)簽，所以不需要添加“l(fā)timg”代碼給img標(biāo)簽添加屬性“src”，屬性值填自己想要添加圖片的地址，這里以同一目錄下的1png為例，這樣圖片就添加好了2為了防止用戶瀏覽網(wǎng)頁時(shí)圖片加載失敗。

6但是鼠標(biāo)一旦離開，就要切換回原圖素材，所以再添加一個(gè)leave事件，這樣離開后就會(huì)轉(zhuǎn)化成原圖7如圖，現(xiàn)在我的鼠標(biāo)在圖片上，就變成了twopicturehtml鼠標(biāo)移動(dòng)到超鏈接上時(shí)，顯示圖片的效果怎么做的需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如。