首先是HTML代碼，非常簡(jiǎn)單，列出我們需要渲染的文字ltdiv class=quotfooquot ltspan class=quotletterquot dataletter=quotAquotAltspan ltspan class=quotletterquot dataletter=quotBquotBltspan ltspan class=quotletterquot dataletter。

網(wǎng)上搜網(wǎng)頁(yè)漂浮特效，一大堆，實(shí)現(xiàn)原理也很簡(jiǎn)單 ltdiv style=quotwidth100px height100px positionfixed zindex99 left0 top50% margintop50pxquot內(nèi)容ltdiv。

setIntervalfunction quot#div_picquotcssquotbackgroundImagequot， quoturlquot + arryi + quotquoti++if i == 5 i = 0 ， 5000 定時(shí)換背景圖片的代碼 * 下面是圖片切換代碼 va。

lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquotlthtml xmlns=quotlthead lttitletab頁(yè)切換lt。

定義兩個(gè)css class定義不同的動(dòng)畫(huà)效果，然后div使用不同的class樣式。

定義其背景顏色為紅色，同時(shí)使用zindex屬性定義其為最上層5在css標(biāo)簽內(nèi)，設(shè)置id為testtwo的樣式，定義其背景顏色為藍(lán)色，距離左邊和距離上邊的位置為20px6在瀏覽器打開(kāi)testhtml文件，查看實(shí)現(xiàn)的效果。

1打開(kāi)html開(kāi)發(fā)工具，新建一個(gè)html文件在html代碼頁(yè)面創(chuàng)建一個(gè)ltdiv并給這個(gè)標(biāo)簽添加一個(gè)類名linear2然后為類設(shè)置樣式在title后面創(chuàng)建一個(gè)style標(biāo)簽，然后在這個(gè)標(biāo)簽里面設(shè)置linear類的高漸變lineargradient的樣式。

這問(wèn)題好糾結(jié)，最少來(lái)個(gè)截圖啊，給你寫(xiě)個(gè)吧，粘過(guò)去就行，不行的話留個(gè)q，繼續(xù)問(wèn) lt！DOCTYPE htmllthtml lthead ltmeta charset=quotutf8quot lttitle選項(xiàng)卡lttitle ltstyle type=quottextcssquot webkit。