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

100px height100pxbackgroundred positionabsolute left50% top50% margin50px 0 0 50pxltstyle下面是body里的部分ltdiv id=quotdivquotltdivltinput type=quotbuttonquot value=quot點擊quot id=quotbtnquot以上是一個簡單的點擊按鈕彈出一個居中的DIV，點擊DIV則讓這個DIV隱藏。

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

方法1給圖片加一個onclick事件，用js事件來提交就可以實現(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標簽中，加入樣式代碼style=quotbackground urlsmall2pngwidth150pxheight60pxquot3瀏覽器運行indexhtml頁面，此時按鈕被成功添加了圖片。

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

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

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

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

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

這個超級簡單 ltscript type=quottextjavascriptquot function a alertquotwelcome to topjobjquot ltscript ltinput type=quotbuttonquot value=“按鈕” onClick=quotjavascriptaquot。

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

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

1首先，打開html編輯器，新建html文件，例如indexhtml，編寫問題基礎(chǔ)代碼2在indexhtml中的ltscript標簽，輸入js代碼function fun var a = Mathrandom * 5#39img#39attr#39src#39， #39image#39 + a + #39jpg#39 3瀏覽器運行indexhtml頁面，此時點擊圖片會換一張圖片。

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

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