自己看最后一個(gè)javascript函數(shù)的注釋，頁(yè)面上的展示是一個(gè)DNA式的展示，其實(shí)就是兩個(gè)樓主要求的東西向不同方向開(kāi)始震動(dòng)很郁悶，20分鐘完成功能，花了一個(gè)小時(shí)來(lái)優(yōu)化了下代碼lt！DOCTYPE HTML PUBLIC quotW3C。

ltbr 特效名稱左右移動(dòng)的圖片ltbr ltbr 修改圖片名稱即可共2步ltbr1將以下代碼加入到HEML的ltheadlthead之間ltscript LANGUAGE=quotJavaScriptquotlt！ step = 0obj = new Imagefunction animxp，xk。

這段程序的作用是動(dòng)態(tài)自動(dòng)編寫存放移動(dòng)文字圖層的HTML代碼，并把相應(yīng)的文字寫在上面3在ltbody標(biāo)記中加上代碼onload=quotmovequot onmousemove=quotcanmovequot這樣在瀏覽器中，“歡迎光臨”這幾個(gè)字就會(huì)緊跟鼠標(biāo)移動(dòng)。

這個(gè)簡(jiǎn)單啊，就用CSS3的新屬性 過(guò)渡 transition 就好了，代碼如下lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitle文字漸變效果lttitle ltstyle type=quottextcssquot div width 100pxheight 30。

HTML5CanvasText，50，50=normal36pxArial=#000000HTML5CanvasText，50，90下面的圖片是上面代碼的返回結(jié)果字體和樣式 當(dāng)在HTML5canvas上繪制文字的時(shí)候，我們可以設(shè)置文字的字體和樣式我們可以通過(guò)一組2D上下文的。

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

文字向左移動(dòng)代碼ltmarquee direction=left需要移動(dòng)的文字ltmarquee marqueeltmarquee標(biāo)簽，是成對(duì)出現(xiàn)的標(biāo)簽，首標(biāo)簽ltmarquee和尾標(biāo)簽ltmarquee之間的內(nèi)容就是滾動(dòng)內(nèi)容ltmarquee標(biāo)簽的屬性主要有behaviorbgcolordir。

在HTML文件中添加網(wǎng)頁(yè)特效代碼，一般有三種情況第一，只加在HTML文件頭部，即HTML文件中l(wèi)theadlthead之間的代碼這類代碼只需要加在這個(gè)部分，即可達(dá)到預(yù)期的效果第二，只加在HTML文件體部即HTML文件中l(wèi)tbody。

實(shí)現(xiàn)鼠標(biāo)懸停顯示文字，html中使用title屬性就可實(shí)現(xiàn)顯示文字的效果，這個(gè)屬性還是比較實(shí)用的，你可以參考下 lta href=quot#quot title=quot這里是顯示的文字quothellolta 當(dāng)鼠標(biāo)懸停在 hello上一會(huì)就會(huì)有文字 quot這里是顯示的文字quot。

使用 quotArialquot 字體在畫布上繪制一個(gè)高 30px 的文字空心var c=documentgetElementByIdquotmyCanvasquotvar ctx=cgetContextquot2dquotctxfont=quot30px ArialquotctxstrokeTextquotHello Worldquot，10，50參考來(lái)源HT。

主要思想 首先要準(zhǔn)備一張有連續(xù)幀的圖片，然后利用HTML5 Canvas的draw方法在不同的時(shí)間間隔繪制不同的幀，這樣看起來(lái)就像動(dòng)畫在播放 關(guān)鍵技術(shù)點(diǎn) JavaScript 函數(shù)setTimeout有兩個(gè)參數(shù)，第一個(gè)是參數(shù)可以傳遞一個(gè)。