回答這個需要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把圖片設為按鈕背景就可以了 例 ltinput name=quotquot type=quotbuttonquot style=quot width10px height10px border0 backgroundurl圖片路徑 norepeat left topquot。

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

按鈕圖片輪換，那個就是采用了2個或多個按鈕圖片，然后點擊的時候根據(jù)你定義的值而變換的這個需要你對CSS結構中的屬性值變換比較熟悉了比如我們給一個引導圖片按鈕定義為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，輸入問題基礎代碼2在indexhtml中的ltscript標簽中，輸入js代碼#39a#39hoverfunction $#39img#39css#39display#39， #39block#393瀏覽器運行indexhtml頁面，此時鼠標移動到超鏈接上，下面的圖片自動顯示了出來。

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

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

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

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

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

1首先，打開html編輯器，新建html文件，例如indexhtml，編寫問題基礎代碼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中沒有結束標簽，所以不需要添加“l(fā)timg”代碼給img標簽添加屬性“src”，屬性值填自己想要添加圖片的地址，這里以同一目錄下的1png為例，這樣圖片就添加好了2為了防止用戶瀏覽網頁時圖片加載失敗。

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