自己看最后一个javascript函数的注释，页面上的展示是一个DNA式的展示，其实就是两个楼主要求的东西向不同方向开始震动很郁闷，20分钟完成功能，花了一个小时来优化了下代码lt！DOCTYPE HTML PUBLIC quotW3C。

ltbr 特效名称左右移动的图片ltbr ltbr 修改图片名称即可共2步ltbr1将以下代码加入到HEML的ltheadlthead之间ltscript LANGUAGE=quotJavaScriptquotlt！ step = 0obj = new Imagefunction animxp，xk。

这段程序的作用是动态自动编写存放移动文字图层的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文件中ltheadlthead之间的代码这类代码只需要加在这个部分，即可达到预期的效果第二，只加在HTML文件体部即HTML文件中ltbody。

实现鼠标悬停显示文字，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。

主要思想 首先要准备一张有连续帧的图片，然后利用HTML5 Canvas的draw方法在不同的时间间隔绘制不同的帧，这样看起来就像动画在播放 关键技术点 JavaScript 函数setTimeout有两个参数，第一个是参数可以传递一个。