<marquee>:Marquee 元素
已弃用:此特性不再推荐。虽然某些浏览器可能仍然支持它,但它可能已经从相关的网络标准中删除,可能正在删除过程中,或者可能仅为兼容性目的而保留。请避免使用它,如果可能,请更新现有代码;请参阅本页底部的兼容性表格以指导您的决策。请注意,此特性可能随时停止工作。
<marquee>
HTML 元素用于插入一个滚动的文本区域。您可以使用其属性控制文本到达内容区域边缘时发生的情况。
HTML <marquee>
元素已被弃用,强烈不建议使用。如果您必须创建滚动文本或连续元素的效果,请考虑使用 CSS 动画 配合 CSS 变换 来平滑地动画化内容,而不是使用 <marquee>
元素。此外,请包含 prefers-reduced-motion
CSS @media
查询,以根据用户偏好停止动画,从而提高用户体验和可访问性。
属性
behavior
已弃用-
设置文本在 marquee 中滚动的行为。可能的值有
scroll
、slide
和alternate
。如果未指定值,则默认值为scroll
。 bgcolor
已弃用-
通过颜色名称或十六进制值设置背景颜色。
direction
已弃用-
设置 marquee 中滚动的方向。可能的值有
left
、right
、up
和down
。如果未指定值,则默认值为left
。 height
已弃用-
以像素或百分比值设置高度。
hspace
已弃用-
设置水平边距
loop
已弃用-
设置 marquee 滚动的次数。如果未指定值,则默认值为 -1,表示 marquee 将连续滚动。
scrollamount
已弃用-
设置每次间隔的滚动量(以像素为单位)。默认值为 6。
scrolldelay
已弃用-
设置每次滚动移动之间的时间间隔(以毫秒为单位)。默认值为 85。请注意,任何小于 60 的值都将被忽略,并使用值 60,除非指定了
truespeed
。 truespeed
已弃用-
默认情况下,小于 60 的
scrolldelay
值将被忽略。如果存在truespeed
,则这些值不会被忽略。 vspace
已弃用-
以像素或百分比值设置垂直边距。
width
已弃用-
以像素或百分比值设置宽度。
示例
<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>
.outlined {
border: solid;
}
结果
技术摘要
DOM 接口 | HTMLMarqueeElement |
---|
规范
规范 |
---|
HTML # the-marquee-element-2 |
浏览器兼容性
加载中…
另见
- CSS
transform
属性 - CSS
translate
属性 - CSS 变换模块
- CSS 动画模块
HTMLMarqueeElement