使用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文件,把代码粘贴进入,进行修改测试!