srcmini本文概述
HTML字幕标记是非标准的HTML元素, 用于水平或垂直滚动图像或文本。
用简单的话来说, 你可以说它会自动向上, 向下, 向左或向右滚动图像或文本。
Marquee标签最初是在Microsoft Internet Explorer的早期版本中引入的。将其与Netscape的眨眼元素进行比较。
HTML字幕示例
<marquee>This is an example of html marquee </marquee>立即测试
输出：
这是html字幕的示例
支持的浏览器
| Element | Chrome | IE | Firefox | Opera | Safari |
| <marquee> | Yes | Yes | Yes | Yes | Yes |
HTML字幕属性
选取框的元素包含几个用于控制和调整选取框外观的属性。
| 属性 | 描述 |
|---|---|
| behavior | 它便于用户将选取框的行为设置为三种不同类型之一：滚动, 滑动和交替。 |
| direction | 定义滚动内容的方向。它可以向左, 向右, 向上和向下。 |
| width | 定义选取框宽度（以像素或％为单位）。 |
| height | 定义选取框的高度, 以像素或％为单位。 |
| hspace | 定义选框周围的水平空间（以像素为单位）。 |
| vspace | 定义选框周围的垂直空间（以像素为单位）。 |
| scrolldelay | 定义滚动延迟（以秒为单位）。 |
| scrollamount | 定义数字滚动量。 |
| loop | 定义数字字幕内容的循环。 |
| bgcolor | 定义背景色。现在已弃用。 |
HTML滚动字幕
默认情况下, 它是一个属性。它用于从右向左滚动文本, 并在到达字幕框的左侧末尾时在字幕框的右侧重新开始。循环完成后, 文本消失。
<marquee width="100%" behavior="scroll" bgcolor="pink">
This is an example of a scroll marquee...
</marquee>立即测试
输出：
这是滚动字幕的示例。
HTML幻灯片字幕
在滑动选框中, 所有要滚动的内容将滑动整个选框长度, 但在结尾处停止以永久显示该内容。
<marquee width="100%" behavior="slide" bgcolor="pink">
This is an example of a slide marquee...
</marquee>立即测试
输出：
这是一个滑动字幕的例子。
HTML备用字幕
它从右向左滚动文本, 然后从左向右返回文本。
<marquee width="100%" behavior="alternate" bgcolor="pink">
This is an example of a alternate marquee...
</marquee>立即测试
输出：
这是备用字幕的一个例子。
HTML字幕的方向
这用于更改滚动文本的方向。让我们以选取框向右滚动为例。方向可以是左, 右, 上和下。
<marquee width="100%" direction="right">
This is an example of a right direction marquee...
</marquee>立即测试
输出：
这是正确方向选框的一个例子。
嵌套字幕框示例
<marquee width="400px" height="100px" behavior="alternate" style="border:2px solid red">
<marquee behavior="alternate">
Nested marquee...
</marquee>
</marquee>立即测试
嵌套字幕框…
缺点HTML字幕
1）选框可能会分散注意力, 因为人眼经常被吸引到运动和选框文本上。
2）由于字幕文本会移动, 因此根据滚动速度, 单击静态文本会更加困难。
3）这是非标准的HTML元素。
4）不必要地引起用户的注意, 使文本更难以阅读。
评论前必须登录！
注册