1、代碼是“l(fā)timg scr = #39圖片地址#39”1新建html文件，在body標(biāo)簽中添加img標(biāo)簽，img標(biāo)簽在html中沒(méi)有結(jié)束標(biāo)簽，所以不需要添加“l(fā)timg”代碼給img標(biāo)簽添加屬性“src”，屬性值填自己想要添加圖片的地址，這里以同一；1準(zhǔn)備切換圖片素材，一般是兩張，如圖，放入img文件夾，跟HTML同級(jí)2然后用img嵌入到網(wǎng)頁(yè)，嵌入其中的一張，另外一張待會(huì)切換3如圖，現(xiàn)在是靜態(tài)的，鼠標(biāo)放上去也不會(huì)產(chǎn)生切換反應(yīng)，因?yàn)闆](méi)有用JS4如圖，獲取。

2、如果不想使用PS來(lái)編輯圖片，可以在網(wǎng)頁(yè)中直接用多個(gè)DIV+CSS實(shí)現(xiàn)，先設(shè)置好各個(gè)DIV的位置和大小，然后用CSS指定該圖片為背景圖片，只要把backgroundposition的值計(jì)算好，就可以使DIV顯示圖片的不同部位，實(shí)現(xiàn)拼圖效果；1首先你是通過(guò)第二種方式插入的是背景圖片，直接用width和height只能控制div的寬度和高度2如果你插入的圖片是通過(guò)ltimg標(biāo)簽的方式來(lái)插入的話，可以通過(guò)ltimg自身的屬性控制圖片大小，代碼格式是ltimg src=quot圖片路徑quot；在html中插入圖片使用img標(biāo)簽，它有src屬性用于填寫(xiě)該圖片的路徑，alt屬性作用是當(dāng)圖片顯示失敗時(shí)就顯示alt中的文字設(shè)置圖片的寬用width，高用height，上下左右的位置分別用margintop，marginbottom，marginleft，margin；具體如下新建html文件，在body標(biāo)簽中插入img標(biāo)簽，需要注意的是，img在html中沒(méi)有結(jié)束標(biāo)簽，所以不需要添加“”給標(biāo)簽添加“src”為了防止用戶瀏覽網(wǎng)頁(yè)時(shí)無(wú)法加載圖片，可以給img標(biāo)簽添加“alt”屬性，這個(gè)屬性可以在圖片；該圖片切換特效實(shí)現(xiàn)很簡(jiǎn)單，而且兼容性很好 html頁(yè)面如下 ltdiv class=quotwrapperquot ltdiv id=quotfocusquot ltul ltlilta href=quotquot target=quot_blankquotltimg src=quotimg01jpgquot alt=quot商城。

3、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頁(yè)面，此時(shí)點(diǎn)擊圖片會(huì)換一張圖片；這個(gè)還是有點(diǎn)難度的，沒(méi)有現(xiàn)成的解決方案，基本都是通過(guò)模擬的方式來(lái)實(shí)現(xiàn)1設(shè)置成背景圖片，優(yōu)點(diǎn)是簡(jiǎn)單方便，缺點(diǎn)也很明顯，很不好控制，尤其是背景尺寸樣式還有兼容問(wèn)題需要擔(dān)心2將圖片設(shè)置成絕對(duì)定位，父元素設(shè)置成；ltscript language =javascript var curIndex=0時(shí)間間隔單位毫秒，每秒鐘顯示一張，數(shù)組共有5張圖片放在Photos文件夾下var timeInterval=1000var arr=new Arrayarr0=quotphotos1jpgquotarr1=quotphotos2；1新建html文件，在body標(biāo)簽中添加img標(biāo)簽，img標(biāo)簽在html中沒(méi)有結(jié)束標(biāo)簽，所以不需要添加“l(fā)timg”代碼給img標(biāo)簽添加屬性“src”，屬性值填自己想要添加圖片的地址，這里以同一目錄下的1png為例，這樣圖片就添加好了。

4、在html中插入圖片時(shí)，如何將圖片所在文件夾的路徑寫(xiě)在html頁(yè)面所在的文件夾下HTML圖片的各種路徑代碼 物理路徑假如你的圖片在D盤(pán)的images文件下，文件名稱為tupianjpeg的話用下面的格式img src=fileDimagestu；1 在HTML中，先創(chuàng)建一個(gè)盒子，用于顯示圖片可以使用div標(biāo)簽創(chuàng)建一個(gè)容器，并設(shè)置寬度高度overflowhidden屬性，以便限制圖片的顯示范圍2 在容器內(nèi)部創(chuàng)建一個(gè)ul標(biāo)簽，用于存放所有的圖片每一張圖片都需要使用li標(biāo)簽；在“西瓜西瓜是水果”前面添加 一個(gè)錨記 lta name=quotxiguaquot id=quotxiguaquotlta === 在西瓜圖片 所有的超鏈接中l(wèi)ta href=quot介紹html#xiguanquotltimg src=quot西瓜jpgquotltimg西瓜lta；1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml2在indexhtml中的script標(biāo)簽中，填入js代碼setInterval#39$quotimgquotattrquotsrcquot， quotsmall3pngquot#39， 10003瀏覽器進(jìn)入indexhtml頁(yè)面中，此時(shí)顯示。