Marquee HTML

2025 年 3 月 25 日 | 阅读 3 分钟

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

简单来说,你可以说它会自动向上、向下、向左或向右滚动图像或文本。

Marquee 标签最初是在微软 Internet Explorer 的早期版本中引入的。它与 Netscape 的 blink 元素进行比较。


Marquee HTML 示例

输出

这是一个 html marquee 的示例

支持的浏览器

元素chrome browser Chromeie browser IEfirefox browser Firefoxopera browser Operasafari browser Safari
<marquee>是的是的是的是的是的

HTML Marquee 属性

Marquee 元素包含几个属性,用于控制和调整 marquee 的外观。

属性描述
行为它方便用户将 marquee 的行为设置为三种不同类型之一:scroll、slide 和 alternate。
direction定义滚动内容的方向。可以是 left、right、up 和 down。
宽度以像素或百分比定义 marquee 的宽度。
高度以像素或百分比定义 marquee 的高度。
hspace定义 marquee 周围的水平空间(以像素为单位)。
vspace定义 marquee 周围的垂直空间(以像素为单位)。
scrolldelay定义滚动延迟(以秒为单位)。
scrollamount定义滚动量(以数字为单位)。
loop定义 marquee 内容的循环次数(以数字为单位)。
bgcolor定义背景颜色。它现在已弃用

HTML 滚动 Marquee

这是一个默认属性。它用于将文本从右向左滚动,并在到达左侧末端时从 marquee 的右侧重新开始。循环完成后文本消失。

输出

这是一个滚动 marquee 的示例...

HTML 滑动 Marquee

在滑动 marquee 中,所有要滚动的内容将滑过 marquee 的整个长度,但在末端停止以永久显示内容。

输出

这是一个滑动 marquee 的示例...

HTML 交替 Marquee

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

输出

这是一个交替 marquee 的示例...

HTML marquee 中的方向

这用于改变滚动文本的方向。我们以向右滚动的 marquee 为例。方向可以是 left、right、up 和 down。

输出

这是一个向右方向 marquee 的示例...

嵌套 marquee 示例

立即测试

嵌套 marquee...

HTML marquee 的缺点

1) Marquee 可能会分散注意力,因为人眼会被运动和 marquee 文本持续吸引。

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

3) 它是一个非标准的 HTML 元素。

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

下一个主题HTML menu 标签