<marquee>:Marquee 元素

已弃用:此特性不再推荐。虽然某些浏览器可能仍然支持它,但它可能已经从相关的网络标准中删除,可能正在删除过程中,或者可能仅为兼容性目的而保留。请避免使用它,如果可能,请更新现有代码;请参阅本页底部的兼容性表格以指导您的决策。请注意,此特性可能随时停止工作。

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

HTML <marquee> 元素已被弃用,强烈不建议使用。如果您必须创建滚动文本或连续元素的效果,请考虑使用 CSS 动画 配合 CSS 变换 来平滑地动画化内容,而不是使用 <marquee> 元素。此外,请包含 prefers-reduced-motion CSS @media 查询,以根据用户偏好停止动画,从而提高用户体验和可访问性。

属性

behavior 已弃用

设置文本在 marquee 中滚动的行为。可能的值有 scrollslidealternate。如果未指定值,则默认值为 scroll

bgcolor 已弃用

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

direction 已弃用

设置 marquee 中滚动的方向。可能的值有 leftrightupdown。如果未指定值,则默认值为 left

height 已弃用

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

hspace 已弃用

设置水平边距

loop 已弃用

设置 marquee 滚动的次数。如果未指定值,则默认值为 -1,表示 marquee 将连续滚动。

scrollamount 已弃用

设置每次间隔的滚动量(以像素为单位)。默认值为 6。

scrolldelay 已弃用

设置每次滚动移动之间的时间间隔(以毫秒为单位)。默认值为 85。请注意,任何小于 60 的值都将被忽略,并使用值 60,除非指定了 truespeed

truespeed 已弃用

默认情况下,小于 60 的 scrolldelay 值将被忽略。如果存在 truespeed,则这些值不会被忽略。

vspace 已弃用

以像素或百分比值设置垂直边距。

width 已弃用

以像素或百分比值设置宽度。

示例

html
<marquee>This text will scroll from right to left</marquee>

<marquee direction="up">This text will scroll from bottom to top</marquee>

<marquee
  direction="down"
  width="250"
  height="200"
  behavior="alternate"
  class="outlined">
  <marquee behavior="alternate">This text will bounce</marquee>
</marquee>
css
.outlined {
  border: solid;
}

结果

技术摘要

DOM 接口 HTMLMarqueeElement

规范

规范
HTML
# the-marquee-element-2

浏览器兼容性

另见