0num linumstyledisplay=quotinlineblockquot ，3000切換時(shí)間。

1h5元素本身的位移縮放，控制css屬性即可，leftrighttopbottom，widthheight，另外使用transform可以完成更復(fù)雜的變化2透明度屬性可以完成漸隱漸現(xiàn)效果，切換backgroundimage屬性，backgroundcolor屬性3在畫(huà)布。

1首先創(chuàng)建一個(gè)html文件，下圖中我創(chuàng)建的是html5的，所以看起來(lái)很簡(jiǎn)單2然后在html的主體部分添加一個(gè)div標(biāo)簽，然后在該標(biāo)簽下添加一個(gè)img標(biāo)簽，并設(shè)置img的寬高3然后我們可以在html頭部標(biāo)題下添加css樣式代碼來(lái)控制div的。

圖片自動(dòng)滑動(dòng)效果很多網(wǎng)站都要用，最近在學(xué)html5就拿這個(gè)練練手，發(fā)現(xiàn)用canvas實(shí)現(xiàn)起來(lái)其實(shí)很簡(jiǎn)單代碼比較粗糙，有很多改進(jìn)的地方，不過(guò)還是先記錄一下一 html文件 html view plaincopy lt！DOCTYPE html lthtml lang=。

H5單頁(yè)面手勢(shì)滑屏切換是采用HTML5 觸摸事件Touch 和 CSS3動(dòng)畫(huà)Transform，Transition來(lái)實(shí)現(xiàn)的1實(shí)現(xiàn)原理假設(shè)有5個(gè)頁(yè)面，每個(gè)頁(yè)面占屏幕100%寬，則創(chuàng)建一個(gè)DIV容器viewport，將其寬度width 設(shè)置為500%，然后將5個(gè)頁(yè)面。

靜態(tài)獲取圖片寫(xiě)法，給定圖片的個(gè)數(shù)，用js實(shí)現(xiàn)輪播圖自動(dòng)轉(zhuǎn)換lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitleDocumentlttitle lt！ ***設(shè)置樣式*** ltstyle type=quottextcssquot。