网页美化：HTML滚动文字代码大全

作者 : 来源互联网本文共1639个字，预计阅读时间需要5分钟发布时间： 2018-01-20 共1.44K人阅读

使用HTML代码，让网页里的文字动起来！

文字来回滚动

`1`	`<MARQUEE scrollAmount=3 behavior=alternate>文字来回滚动</MARQUEE>`

向上移动的文字

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

向下移动的文字

`1`	`<MARQUEE style="WIDTH: 250px; HEIGHT: 100px"` `scrollAmount=3 direction=down>向下移动的文</MARQUEE>`

从右向左滚动

`1`	`<MARQUEE scrollAmount=2>从右向左滚动</MARQUEE>`

从左向右滚动

`1`	`<MARQUEE scrollAmount=2 direction=right>从左向右滚动</MARQUEE>`

躲躲字，跑给你追

`1`	`<MARQUEE behavior=alternate><MARQUEE scrollAmount=5 width=150>躲躲字，跑给你追</MARQUEE></MARQUEE>`

由中间向两边移动的文字

`1`	`<P align=center>`

`2`	`<MARQUEE width=200 height=50><FONT face=华文彩云 color=#ee110e size=5>由中间向两边移动的文字</FONT></MARQUEE>`

`3`	`<MARQUEE direction=right width=200 height=50><FONT face=华文彩云 color=#ee110esize=5>由中间向两边移动的文字</FONT></MARQUEE>`

4 </P>

由上下向中间移动的字体

`1`	`<CENTER>`

`2`	`<MARQUEE style="WIDTH: 300px; HEIGHT: 60px"` `scrollAmount=2 direction=downheight=60><FONT face=隶书 color=#ff0000 size=5>由上下向中间移动的字体</FONT></MARQUEE>`

`3`	`</CENTER>`

`4`	`<CENTER>`

`5`	`<MARQUEE style="WIDTH: 300px; HEIGHT: 60px"` `scrollAmount=2 direction=upheight=60><FONT face=隶书 color=#ff0000 size=5>由上下向中间移动的字体</FONT></MARQUEE>`

`6`	`</CENTER>`

左右运动的文字

`1`	`<CENTER>`

`2`	`<MARQUEE direction=right width=250 height=50><FONT color=#ff0000 size=5>左右运动的文字</FONT></MARQUEE>`

3 <BR>

`4`	`<MARQUEE width=250 height=50><FONT face=隶书 color=#ff0000 size=5>左右运动的文字</FONT></MARQUEE>`

`5`	`</CENTER>`

HTML滚动文字代码参数详解

scrollAmount：表示速度，值越大速度越快。如果没有这个值，默认为6，建议设为1～3比较好，太快看不清了！

width和height：表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。这样就文字就会在一定的范围滚动！

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

scrollDelay：控制速度，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。

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

具体代码效果，你可以在本地编辑一个html文件，把代码粘贴进入，进行修改测试！

本文代码搜集整理自网络