HTML 字幕-IGI

时间：2019-06-08 23:19:24 　来源:igfitidea点击:

HTML字幕是一段滚动文本，根据设置水平显示或垂直显示在网页上。这是通过使用HTML<marquees>标记创建的。

注意−HTML5中不推荐使用<marquee>标记。不要使用这个元素，而是可以使用JavaScript和CSS来创建这样的效果。

语法

使用HTML<marquee>标记的简单语法如下:

<marquee 属性名 = "属性值"....更多属性>
   文本或图像
</marquee>

可与<marquee>标记一起使用的重要属性列表:

属性	说明
width	指定选取框的宽度。可以是10%或20%这样的值。
height	指定选取框的高度。可以是10%或20%这样的值。
direction	指定了选取框应该滚动的方向。值可以是up, down, left 或者 right。
behavior	指定字幕的滚动类型。值可以是scroll （滚动）, slide（滑动） , alternate（交替）。
scrolldelay	指定延迟等待下次滚动时间。
scrollamount	指定字幕文本的速度。
loop	指定循环的次数。默认值是INFINITE，表示将无限循环。
bgcolor	以颜色名称或颜色十六进制值指定背景颜色。
hspace	将指定字幕周围的水平间距。可以是10%或20%这样的值。
vspace	将指定字幕周围的垂直间距。可以是10%或20%这样的值。

<body>
   <marquee>这里是滚动文字</marquee>
</body>

这里是滚动文字

<body>
   <marquee width = "50%">只滚动50%的距离</marquee>
</body>

只滚动50%的距离

<body>
   <marquee direction = "right">改变滚动方法，从左向右滚动</marquee>
</body>

改变滚动方法，从左向右滚动

<body>
   <marquee direction = "up">从下往上滚动</marquee>
</body>

从下往上滚动

<body>
   <marquee scrollamount = "10" behavior ="alternate" >交替滚动，速度设置为10</marquee>
</body>

交替滚动，速度设置为10