菜鸟轻松学习网页文字滚动特效

代码参数详解：

文字滚动

a)scrollAmount，它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。

b)width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。

c)direction，表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓。

d)scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。

e)behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)

案例如下：（复制代码到相应区域可实现效果）

向上滚动文字代码:

<marquee style=”WIDTH: 218px; HEIGHT: 86px”scrollAmount=1 scrollDelay=77 direction=up width=218 height=86onmouseout=”this.start()”onmouseover=”this.stop()”>文字<BR>文字<BR>文字<BR>文字<BR>文字</marquee>

效果如：

漫步森林

漫步森林

漫步森林

漫步森林

漫步森林

[align=left] [/align]
[align=left]滚动字幕代码：[/align]
[align=left]<marquee scrollAmount=2width=300>漫步森林的博客</marquee>[/align]
效果如：

[align=left]漫步森林的博客[/align]

如何给滚动字幕加超链接？这跟平时的超链接是完全一样的。只要在文字外面加上链接就可以了。如下效果，代码是：

<marquee scrollAmount=2width=300><ahref=http://blog.sina.com.cn/u/2733896433>欢迎光临漫步森林的博客</a></marquee>

点击就可以进入了：

[align=left]漫步森林的博客[/align]

如何制作当鼠标停留在文字上，文字停止滚动？代码如：

<marquee scrollAmount=2 width=300onmouseover=stop() direction=rightonmouseout=start()>文字滚动</marquee>

交替效果代码如：

<marquee scrollAmount=2 width=99behavior=alternate>漫步森林的博客</marquee>

多行文本向上滚动代码：

<marquee scrollAmount=2 width=300 height=160direction=up>·AAAAA！<br>·BBBBB！<br>·CCCCCC？<p>·<ahref=http://blog.sina.com.cn/u/2733896433>漫步森林制作</a></marquee>

效果如：

·AAAAA！

·BBBBB！

·CCCCCC？

·漫步森林制作

如何改变滚动字幕的颜色？可以用样式表来控制。代码:

<marquee scrollAmount=2width=300><astyle=color:CC6600>各位亲们请记住我的名字：漫步森林！</a></marquee>

各位亲们请记住我的名字：漫步森林！

其它特效：

自下往上

代码：<MARQUEE style="WIDTH: 250px; HEIGHT: 100px"scrollAmount=3direction=up>向上移动的文字<BR>向上移动的文字</MARQUEE>

向上移动的文字

向上移动的文字

上下反弹

代码：<MARQUEE style="WIDTH: 708px; HEIGHT: 150px"scrollAmount=2 direction=upbehavior=alternate>上下反弹</MARQUEE>

左右抛物线

代码：<MARQUEE style="WIDTH: 80%; HEIGHT: 100px"scrollAmount=2 direction=up behavior=alternatewidth="80%"><MARQUEEdirection=right>从左向右文字波浪式移动</MARQUEE></MARQUEE>

菱形跳动

代码：<MARQUEE style="WIDTH: 80%; HEIGHT: 100px"scrollAmount=2 direction=up behavior=alternatewidth="80%">

<MARQUEE direction=rightbehavior=alternate>文字来回波浪式移动</MARQUEE></MARQUEE>

闪现文字

代码：<MARQUEEbehavior><MARQUEE scrollAmount=5width=150>躲躲字，跑给你追</MARQUEE></MARQUEE>

躲躲字，跑给你追

原地跳动

代码：

<MARQUEE direction=up behavior=alternate width=60height=120>祝</MARQUEE>

<MARQUEE direction=up behavior=alternate width=60height=80>大</MARQUEE>

<MARQUEE direction=up behavior=alternate width=60height=120>家</MARQUEE>

<MARQUEE direction=up behavior=alternate width=60height=80>永</MARQUEE>

<MARQUEE direction=up behavior=alternate width=60height=120>远</MARQUEE>

<MARQUEE direction=up behavior=alternate width=60height=80>幸</MARQUEE>

<MARQUEE direction=up behavior=alternate width=60height=120>福</MARQUEE>

<MARQUEE direction=up behavior=alternate width=60height=80>快</MARQUEE>

<MARQUEE direction=up behavior=alternate width=60height=120>乐</MARQUEE>

查看效果请点击：网页文字原地跳动效果