html滚动字幕怎么做

html-css07

html滚动字幕怎么做,第1张

亲,您可以使用这个标签 <marquee>滚动文字</marquee>来实现滚动字幕,

当然也可以用direction属性来控制滚动文字的方向,</marquee>设置滚动的<marquee direction="滚动方向">滚动文字</marquee>,它可以有up、down、left 和 right四种方式。

还可以用behavior来控制滚动方式的属性, <marquee behavior="滚动方式">滚动文字</marquee>

,它可以有scroll 循环滚动,默认效果;

slide 只滚动一次就停止;

alternate来回交替进行滚动三种方式。

<marquee style="WIDTH: 388pxHEIGHT: 200px" scrollamount="2" direction="up" >

<div align="left" >

</div >

<center ><font face="黑体" color="#008000" size="4" ></font ></center >

<div align="left" >

</div >

<center >

<p ><font color="#ff6600" size="4" >滚动文字</font ></p >

<p ><font color="#ff4500" size="4" >滚动文字</font ></p >

<p ><font color="#ff3300" size="4" >滚动文字</font >

</p >

</marquee >

marquee 参数:

BGColor:滚动文本框的背景颜色。

Direction:滚动方向设置,可选择Left、Right、up和down。

scrolldelay:每轮滚动之间的延迟时间,越大越慢。

scrollamount:一次滚动总的时间量,数字越小滚动越慢。

Behaviour:滚动的方式设置,三种取值:Scroll(循环滚动) lide(单次滚动)、Alternate(来回滚动)。

Align:文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。

Width:滚动文本框的宽度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。

Height:滚动文本框的高度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。

loop:滚动次数。默认为infinite

hspace、vspace:前后、上下的空行。

在要实现滚动的地方,加入此代码:

<marquee

direction=up>要输入的文字</marquee>

up是向上,

down是向下,left向左,right向右.

这两个属性决定文字滚动的速度(scrollamount)和延时(scrolldelay),参数值都是正整数。如下所示:

<marquee

scrollamount="100">我速度很快。</marquee>

<marquee

scrollamount="50">我慢了些。</marquee>

<marquee

scrolldelay="30">我小步前进。</marquee>

<marquee

scrolldelay="1000"

scrollamount="100">我大步前进。</marquee>

按照自己的需要写代码吧,希望能够帮助你!