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

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

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

這個簡單啊，就用CSS3的新屬性 過渡 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下面的圖片是上面代碼的返回結果字體和樣式 當在HTML5canvas上繪制文字的時候，我們可以設置文字的字體和樣式我們可以通過一組2D上下文的。

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

文字向左移動代碼ltmarquee direction=left需要移動的文字ltmarquee marqueeltmarquee標簽，是成對出現的標簽，首標簽ltmarquee和尾標簽ltmarquee之間的內容就是滾動內容ltmarquee標簽的屬性主要有behaviorbgcolordir。

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

實現鼠標懸停顯示文字，html中使用title屬性就可實現顯示文字的效果，這個屬性還是比較實用的，你可以參考下 lta href=quot#quot title=quot這里是顯示的文字quothellolta 當鼠標懸停在 hello上一會就會有文字 quot這里是顯示的文字quot。

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

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