HTML 字幕

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

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

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

语法

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

<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%这样的值。

marquee示例-1

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

这里是滚动文字

marquee示例-2

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

只滚动50%的距离

marquee示例-3

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

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

marquee示例-4

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

从下往上滚动

marquee示例-5

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

交替滚动,速度设置为10