📜  HTML Marquee标签

📅  最后修改于: 2020-11-03 01:44:26             🧑  作者: Mango

HTML 标签

HTML 标签是非标准的HTML元素,用于水平或垂直滚动图像或文本。

用简单的话来说,您可以说它会自动向上,向下,向左或向右滚动图像或文本。

Marquee标签最初是在Microsoft Internet Explorer的早期版本中引入的。将其与Netscape的眨眼元素进行比较。

HTML 标签示例
This is an example of html marquee 

输出:
This is an example of html marquee

支持的浏览器

Element chrome browser Chrome ie browser IE firefox browser Firefox opera browser Opera safari browser Safari
Yes Yes Yes Yes Yes

HTML 属性

选取框的元素包含几个用于控制和调整选取框外观的属性。

Attribute Description
behavior It facilitates user to set the behavior of the marquee to one of the three different types: scroll, slide and alternate.
direction defines direction for scrolling content. It may be left, right, up and down.
width defines width of marquee in pixels or %.
height defines height of marquee in pixels or %.
hspace defines horizontal space in pixels around the marquee.
vspace defines vertical space in pixels around the marquee.
scrolldelay defines scroll delay in seconds.
scrollamount defines scroll amount in number.
loop defines loop for marquee content in number.
bgcolor defines background color. It is now deprecated.

HTML 字幕滚动

默认情况下,它是一个属性。它用于从右向左滚动文本,并在到达右端的字幕后在字幕的右侧重新开始。循环完成后,文本消失。


This is an example of a scroll marquee...

输出:
This is an example of a scroll marquee…

HTML Slide Marquee

在滑动选框中,所有要滚动的内容将滑动整个选框长度,但在结尾处停止以永久显示该内容。


This is an example of a slide marquee...

输出:
This is an example of a slide marquee…

HTML Alternate Marquee

它从右向左滚动文本,然后从左向右返回文本。


This is an example of a alternate marquee...

输出:
This is an example of a alternate marquee…

Direction in HTML marquee

这用于更改滚动文本的方向。让我们以选取框向右滚动为例。方向可以是左,右,上和下。


 This is an example of a right direction marquee...

输出:
This is an example of a right direction marquee…

嵌套字幕框示例



Nested marquee...


输出:


Nested marquee…

缺点HTML字幕

1)字幕可能会分散注意力,因为人的眼睛一直被吸引到运动和字幕文本上。

2)由于字幕文本会移动,因此根据滚动速度,单击静态文本会更加困难。

3)这是非标准的HTML元素。

4)不必要地引起用户的注意,并使文本更难以阅读。