字幕标记，我们如何使用它。

我将在这篇文章里展示能够绘制文本字幕标签的方法。字幕标签是使文字从左至右移动，从上到下移动的一个HTML单元。

我将使用如下所示的例子说明这些动画。

使用字幕标签的实际例子

从右到左. 这是最简单的动画，我们不需要一个标记以实现运动。

html<marquee>TEXT</marquee>

Demo

从左至右。我们将添加方向属性“right”，如下所示

html<marquee direction="right">TEXT</marquee>

Demo

替代。 通过属性 行为。

html<marquee behavior="alternate">TEXT</marquee>

Demo

自底向上.

html<marquee direction="up">TEXT</marquee>

Demo

从上而下。

html<marquee direction="down">TEXT</marquee>

Demo

从上而下的替代方案。

html<marquee direction="up" behavior="alternate" style="height:100px">TEXT</marquee>

Demo

从上而下，以及同时从左到右。为了更好地理解，请看参考实例

html<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">TEXT</marquee></marquee>

Demo

同样的例子，但在封闭空间

html<marquee behavior="alternate" direction="up" width="80%">
	<marquee direction="right" behavior="alternate">TEXT</marquee>
</marquee>

Demo

背景上

html<font color="WHITE"><marquee direction="left" style="background:RED">TEXT</marquee></font>

Demo

在一框架中。

html<marquee style="border:RED 3px SOLID">TEXT</marquee>

Demo

Picture. 使用上面的脚本，可以插入照片以带或不带文字。 它们将在下面的例子里会被介绍的：

html<marquee>Some text here <img src="http://www.etutoriale.ro/banners/88x31.gif" width="88" height="31" alt="Tutorials " border="0"></marquee>

Demo

Some text here

Animation placed in text.

html一些文字之前<marquee WIDTH="20%"><img src="http://www.etutoriale.ro/banners/88x31.gif" width="88" height="31" alt="Tutorials " border="0"></marquee>文本之后.

Demo

一些文字之前文本之后.

必须说明几个东西：该运动的速度可一改变以使用"scrolldelay" 其中例子的属性值为“1000”，得减少速度接近于0，而值“1”是一个非常高的速度。

与属性滚动量中断的运动。 例如值“10”，将促进文本运动以10像素/帧。

你还可以设置次数的文本将经过由右至左，例如，使用属性循环。 值为“3”时，它会让你看三次其文字后将会消失的。