HTML <marquee> 元素

HTML <marquee> 元素用于插入一段滚动的文本。您可以使用其属性来控制当文本到达其内容区域的边缘时会发生的效果。

展示一段从右向左滚动的文本：

<marquee>该文本将从右向左滚动</marquee>

尝试一下 »

<marquee> 元素是过时的，请不要再使用。尽管一些浏览器仍然支持它，但不是必需支持的。

属性

behavior

设置文字在选框中的滚动方式。可能的值是 scroll，slide 和 alternate。如果没有指定值，则默认值为 scroll。

bgcolor

通过颜色名称或十六进制值设置背景颜色。

direction

设置选框（marquee）内滚动的方向。可能的值为 left，right，up and down。如果未指定值，则默认值为 left。

height

设置高度的像素或百分比值。

hspace

设置水平边距

loop

设置选框滚动的次数。如果没有指定值，默认值为 -1，这意味着选框将不断滚动。

scrollamount

设置每个间隔的滚动量（以像素为单位）。默认值为 6。

scrolldelay

设置每次滚动的间隔（以毫秒为单位）。默认值为 85。请注意，除非指定 truespeed，否则忽略小于 60 的任何值，并使用值 60。

truespeed

默认情况下，scrolldelay 值低于 60 将被忽略。如果设置了 truespeed，那么这些值不会被忽略。

vspace

设置垂直边距，以像素值或百分比为单位。

width

设置宽度，以像素值或百分比为单位。

事件属性

onbounce

当选框已经到达其滚动位置的末尾时触发。只有 behavior 属性设置为 alternate 时才触发。

onfinish

当选框完成了由 loop 属性设置的滚动量时触发。当 loop 属性设置为大于 0 的某个数字时才触发。

onstart

当选框开始滚动时触发。

方法

start

开始滚动选框。

stop

停止滚动选框。

更多实例

从下向上滚动的文本

<marquee direction="up">该文本将从底部滚动到顶部</marquee>

尝试一下 »

遇到边界会反弹的文本

<marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid">
  <marquee behavior="alternate">
    遇到边界会反弹的文本
  </marquee>
</marquee>

尝试一下 »

规范

规范	状态	备注
HTML Living Standard <marquee> 的定义	现行的标准	将其设为已过时，推荐使用 CSS，但为了向后兼容，仍然定义了它的预期行为。
HTML5 <marquee> 的定义	推荐	将其设为已过时，推荐使用 CSS，但为了向后兼容，仍然定义了它的预期行为。

桌面浏览器兼容性

移动浏览器兼容性