HTMLMarqueeElement - 操作 <marquee> 元素

已废弃
该特性已经从 Web 标准中删除,虽然一些浏览器目前仍然支持它,但也许会在未来的某个时间停止支持,请尽量不要使用该特性。

HTMLMarqueeElement 接口提供了操作 <marquee> 元素的方法。它继承了 HTMLElement 接口的属性和方法。

属性

从它的父类 HTMLElement 继承了方法。

HTMLMarqueeElement.behavior

设置文本在选取框中的滚动方式。可能的值是 scrollslidealternate。如果未指定任何值,则默认值为 scroll

HTMLMarqueeElement.bgColor

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

HTMLMarqueeElement.direction

设置选取框内滚动的方向。可能的值是 leftrightupdown。如果未指定任何值,则默认值为 left

HTMLMarqueeElement.height

设置高度(以像素或百分比值为单位)。

HTMLMarqueeElement.hspace

设置水平边距。

HTMLMarqueeElement.loop

设置选取框滚动的次数。如果未指定任何值,则默认值为 -1,这意味着选取框将连续滚动。

HTMLMarqueeElement.scrollAmount

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

HTMLMarqueeElement.scrollDelay

设置每个滚动移动之间的间隔(以毫秒为单位)。默认值为 85。请注意,除非 trueSpeed 不为 true 时,任何小于 60 的值会被忽略,并且使用值 60,

HTMLMarqueeElement.trueSpeed

默认情况下,忽略低于 60 的 scrollDelay 值。如果 trueSpeedtrue,那么该值不会被忽略。

HTMLMarqueeElement.vspace

设置垂直边距。

HTMLMarqueeElement.width

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

事件处理程序

HTMLMarqueeElement.onbounce

当选框到达其滚动位置的末尾时触发。它只能在 behavior 属性设置为 alternate 时触发。

HTMLMarqueeElement.onfinish

选取框已完成循环属性设置的滚动量时触发。它只能在 loop 属性设置为某个大于 0 的数字时触发。

HTMLMarqueeElement.onstart

选框开始滚动时触发。

方法

从它的父类 HTMLElement 继承了方法。

HTMLMarqueeElement.start()

开始滚动选框。

HTMLMarqueeElement.stop()

停止滚动选框。

实例

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

<marquee direction="up">该文本将从下往上滚动</marquee>

<marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid">
  <marquee behavior="alternate">
    该文本将反弹
  </marquee>
</marquee>

尝试一下 »

规范

规范 状态 备注
HTML Living Standard
HTMLMarqueeElement 的定义
现行的标准 因为有 CSS 替代,将其设置为已过时,但是为了向后兼容性定义了它的预期行为。
HTML 5.2
HTMLMarqueeElement 的定义
编者的草案 没有变化。
HTML 5.1
HTMLMarqueeElement 的定义
推荐 没有变化。
HTML5
HTMLMarqueeElement 的定义
推荐 因为有 CSS 替代,将其设置为已过时,但是为了向后兼容性定义了它的预期行为。

桌面浏览器兼容性

特性ChromeEdgeFirefoxInternet ExplorerOperaSafari
基础支持1 支持 不支持127.21.2
behavior1 支持 不支持127.21.2
bgcolor1 支持 不支持127.21.2
direction1 支持 不支持127.21.2
height1 支持 不支持127.21.2
hspace 支持 支持 不支持1 未知 支持 未知
loop 支持 支持 不支持1 未知 支持 未知
scrollamount1 支持 不支持127.21.2
scrolldelay1 支持 不支持127.21.2
truespeed 支持 支持 不支持14 支持 不支持
vspace 支持 支持 不支持1 未知 支持 未知
width1 支持 不支持127.21.2

移动浏览器兼容性

特性AndroidChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
基础支持11 支持 不支持1 未知10.1 支持
behavior11 支持 不支持1 未知10.1 支持
bgcolor11 支持 不支持1 未知10.1 支持
direction11 支持 不支持1 未知10.1 支持
height11 支持 不支持1 未知10.1 支持
hspace 支持 支持 支持 不支持1 未知 支持 未知
loop 支持 支持 支持 不支持1 未知 支持 未知
scrollamount11 支持 不支持1 未知10.1 支持
scrolldelay11 支持 不支持1 未知10.1 支持
truespeed 支持 支持 支持 不支持1 未知 支持 不支持
vspace 支持 支持 支持 不支持1 未知 支持 未知
width11 支持 不支持1 未知10.1 支持

1. 参阅 bug 1425874

相关链接