HTML字幕 HTML字幕|HTML5

本文概述

HTML字幕示例
支持的浏览器
HTML字幕属性
HTML滚动字幕
HTML幻灯片字幕
HTML备用字幕
HTML字幕的方向
嵌套字幕框示例
缺点HTML字幕

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元素。
【HTML字幕】4）不必要地引起用户的注意, 使文本更难以阅读。