這個(gè)可以使用js來幫助完成，給三個(gè)不同的按鈕都綁定點(diǎn)擊事件，對(duì)應(yīng)另外三個(gè)div，每個(gè)div里面使用img標(biāo)簽引入一張圖片或者做成div的背景也行，三個(gè)div的外層再套一個(gè)div，用來做遮罩層，開始的時(shí)候所有div都隱藏，當(dāng)點(diǎn)擊；如果那些只是普通的按鈕，是必須在源文里面改，就算你js或css里面改，最后還得在源代碼里面改如果不是普通的按鈕，比如flash或其他的插件，你就必須改flash或插件了 不知道你的到底是什么東西，也不知道你的源代碼里面是；buttonquot按鈕四ltbutton ltspan圖片四ltspanltdivltbodylthtml方法二lt！DOCTYPE htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot lttitleTitlelttitle ltscript src=quotjquery110；點(diǎn)擊每個(gè)按鈕后進(jìn)行按鈕切換圖片操作 quottabbaritemquotonquotclickquot， function 先const clickImg變量為他的data屬性選中圖片 ，然后找到img圖片的src屬性將未選中的圖片點(diǎn)擊后替換為選中圖片 const click；2在indexhtml中的script標(biāo)簽中，填入js代碼setInterval#39$quotimgquotattrquotsrcquot， quotsmall3pngquot#39， 10003瀏覽器進(jìn)入indexhtml頁面中，此時(shí)顯示出一張圖片4過1秒后，圖片自動(dòng)切換為另一張圖片了。

lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml xmlns=quot lthead ltmeta；你的代碼差在少了quot選擇元素quot這一步img1src = quot\imagesDT2JPGquot這一步是沒有作用的，因?yàn)閕mg1你還沒有定義正確的方法是讓圖片元素的id是img1，然后 documentgetElementById#39img1#39src = quot\images；3接著，完成上述步驟后，瀏覽器運(yùn)行indexhtml頁面，顯示出了其中1張背景圖片，如下圖所示4最后，完成上述步驟后，再次單擊“點(diǎn)擊更換”按鈕，這時(shí)背景圖像被更改為另一幅，如下圖所示這樣，問題就解決了；lta href=quot#quot onmouseout=quotMM_swapImgRestorequot onmouseover=quotMM_swapImage#39Image11#39，#39#39，#39imagesmegif#39，1quotltimg src=quotp1jpgquot name=quotImage11quot width=quot160quot height=quot118quot border=quot0quot id=quotImage11quot；1靜態(tài)圖片按鈕 將按鈕制作為靜態(tài)圖片的效果，不帶有任何的交互效果和動(dòng)態(tài)效果與普通文字鏈接相比靜態(tài)圖片鏈接，更加醒目和美觀，視覺效果更出眾，能夠更加吸引瀏覽者2Flash動(dòng)畫按鈕 網(wǎng)頁中的Flash可謂風(fēng)靡一時(shí)，行業(yè)中常常出現(xiàn)；原理使所有的圖片隱藏然后控制對(duì)應(yīng)的圖片顯示初始化現(xiàn)將所有的圖片隱藏控制第一張顯示可通過css實(shí)現(xiàn)過程當(dāng)鼠標(biāo)經(jīng)過數(shù)字的時(shí)候，先控制所有的圖片全部隱藏，控制數(shù)字對(duì)應(yīng)的圖片顯示即可ltul id=quotimgquotltlilt。

你要問的是html點(diǎn)擊左右箭頭可以切換圖片嗎，可以根據(jù)html軟件資料，在頁面中實(shí)現(xiàn)的一個(gè)點(diǎn)擊可以進(jìn)行切換圖片，點(diǎn)擊左右兩邊箭頭就能實(shí)現(xiàn)超文本標(biāo)記語言，標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用，html不是一種編程語言，而是一種標(biāo)記；我這寫了個(gè)簡(jiǎn)單的，你要根據(jù)你的需要改動(dòng)我實(shí)現(xiàn)的是，有5張圖，每次只顯示一張圖片，點(diǎn)按鈕切換lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 401 TransitionalENquot quotloosedtdquot；“點(diǎn)擊按鈕更換圖片”簡(jiǎn)單效果lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquotlthtml xmlns=quot。

用簡(jiǎn)單的js就可以實(shí)現(xiàn)，就是更換背景圖片的路徑，放在點(diǎn)擊操作里即可，我有對(duì)應(yīng)的案例，我做的還可以下拉選擇，點(diǎn)擊更換；1準(zhǔn)備切換圖片素材，一般是兩張，如圖，放入img文件夾，跟HTML同級(jí)2然后用img嵌入到網(wǎng)頁，嵌入其中的一張，另外一張待會(huì)切換3如圖，現(xiàn)在是靜態(tài)的，鼠標(biāo)放上去也不會(huì)產(chǎn)生切換反應(yīng)，因?yàn)闆]有用JS4如圖，獲取im。