ltHTML ltHEAD ltTITLECSS的blendtransp屬性實(shí)現(xiàn)圖片的淡入淡出效果，芯晴網(wǎng)頁特效，CsrCodeCnltTITLE ltSCRIPT lt！ function fadeOutobj =quotblendTransduration=2quotif objvisibility ！=。

lt！doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitle列表lttitleltstyle type=quottextcssquotul padding0margin0width650px ul li liststyle ulafter clearbothcontent#39#39display。

它與第一種方法大致相同，唯一的變化是css3的@keyframes規(guī)則中的內(nèi)容如果只導(dǎo)入了三張要顯示的圖片，那么從最后一張圖片到第一張圖片都不會有動畫效果通過嘗試在最后一張之后添加與第一張相同的圖片，可以實(shí)現(xiàn)循環(huán)效果。

十五級大神的答案貌似不是很確切，其實(shí)css3+html5非常強(qiáng)大，基本上可以脫離js，除非要做出能響應(yīng)移動設(shè)備觸屏事件的網(wǎng)站，或者我的觀點(diǎn)也落伍了，html5+css3也可以做出觸屏響應(yīng)特效我看csdn右側(cè)圖片切換有點(diǎn)類。

html5中是通過css3的backgroundsize來控制自適應(yīng)的直接在圖片代碼里面設(shè)置style，例如ltimg src=quotxxxjpgquot style=quotmaxwidth100%quot2要么給圖片統(tǒng)一一個class名例如responseimg，然后在css文件里面設(shè)置這個class h。

1首先打開html文件編輯器，這里使用vscode新建一個html文檔，文檔中寫入基本的html結(jié)構(gòu)，然后插入img標(biāo)簽并插入一張圖片，給img一個class屬性2然后在上方的head標(biāo)簽中的style標(biāo)簽設(shè)置樣式，這里設(shè)置圖片的寬度和高度并設(shè)置。