HTML <Marquee>标签
HTML <Marquee>标签作用
HTML <Marquee>标签是非标准HTML元素,用于水平或垂直滚动图像或文本。
简单来说,您可以说它自动向上,向下,向左或向右滚动图像或文本。
HTML <Marquee>标签最早是在Microsoft Internet Explorer的早期版本中引入的。与Netscape的眨眼元素进行比较。
HTML <Marquee>标签示例
<marquee>这里是html marquee标签示例演示</marquee>
输出:
支持浏览器
标签 |
 |
 |
 |
 |
 |
<marquee> |
支持 |
支持 |
支持 |
支持 |
支持 |
HTML选取框属性
选取框的元素包含几个用于控制和调整选取框外观的属性。
支持 |
属性 |
说明 |
behavior |
它便于用户将选取框的行为设置为三种不同类型之一:滚动,滑动和交替。 |
direction |
定义滚动内容的方向。可以是左,右,上和下。 |
width |
以像素或%定义选取框的宽度。 |
height |
以像素或%定义选取框的高度。 |
hspace |
定义选框周围的水平空间(以像素为单位)。 |
vspace |
定义选框周围的垂直空间(以像素为单位)。 |
scrolldelay |
定义滚动延迟(以秒为单位)。 |
scrollamount |
用数字定义滚动量。 |
loop |
用数字定义选取框内容的循环。 |
bgcolor |
定义背景色。现在已已弃用。 |
HTML滚动字幕
默认情况下,从右向左滚动文本,并在到达右端的字幕后在字幕的右侧重新开始。循环完成后,文本消失。
<marquee width="100%" behavior="scroll" bgcolor="pink">
这是滚动字幕的示例。
</marquee>
输出:
HTML滑动字幕
在滑动字幕中,所有要滚动的内容将滑动字幕的整个长度,但在结尾处停止以永久显示内容。
<marquee width="100%" behavior="slide" bgcolor="pink">
这是一个滑动字幕的例子。
</marquee>
输出:
HTML备用字幕
它从右向左滚动文本,然后从左向右滚动文本。
<marquee width="100%" behavior="alternate" bgcolor="pink">
这是备用字幕的一个示例。
</marquee>
输出:
HTML字幕中的方向
这用于更改滚动文本的方向。让我们以选取框向右滚动为例。方向可以是左,右,上和下。
<marquee width="100%" direction="right">
这是备用字幕的一个示例。
</marquee>
输出:
嵌套字幕框示例
<marquee width="400px" height="100px" behavior="alternate" style="border:2px solid red">
<marquee behavior="alternate">
套字幕框...
</marquee>
</marquee>
输出:
HTML选取框的缺点
1)选取框可能会分散注意力,因为人的眼睛不断吸引着移动并选取文字。
2)自选取框以来文本会移动,因此根据滚动速度,单击静态文本会更加困难。
3)它是非标准的HTML元素。
4)它引起了用户的注意不必要地增加了文本的阅读难度。