HTML marquee 标签

🌙
手机阅读
本文目录结构

HTML <marquee> 标签功能

HTML marquee 元素(<marquee>) 用来插入一段滚动的文字。你可以使用它的属性控制当文本到达容器边缘发生的事情。

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

此外,使用这个元素基本上是你可以对你的用户做最糟糕的事情之一,所以请不要这样做。

属性

behavior

设置文本在 marquee 元素内如何滚动。可选值有 scroll,slide 和 alternate。 如果未指定值,默认值为 scroll。

bgcolor

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

direction

设置 marquee 内文本滚动的方向。可选值有 left, right, up and down。如果未指定值,默认值为 left。

height

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

hspace

设置水平边距。

loop

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

scrollamount

设置每次滚动时移动的长度(以像素为单位)。默认值为 6。

scrolldelay

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

truespeed

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

vspace

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

width

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

事件回调

onbounce

当 marquee 滚动到结尾时触发。它只能在 behavior 属性设置为 alternate 时触发。

onfinish

当 marquee 完成 loop 属性设置的值时触发。它只能在 loop 属性设置为大于 0 的某个数字时触发。

onstart

当 marquee 开始滚动时触发。

方法

start

开始滚动 marquee。

stop

停止滚动 marquee。

示例

<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" style="border:solid">
  <marquee behavior="alternate">
    This text will bounce
  </marquee>
</marquee>

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了