HTML5 - 文字跑马灯标签(marquee)屏幕滚动文字

在这里插入图片描述

属性

<marquee> </marquee> 标签有以下属性可选,在使用务必测试好各浏览器兼容性。

属性 描述
behavior 设置文本在 marquee 元素内如何滚动。可选值有 scroll,slide 和 alternate。 如果未指定值,默认值为 scroll。
bgcolor 通过颜色名称或十六进制值设置背景颜色。
direction 设置 marquee 内文本滚动的方向。可选值有 left, right, up and down。如果未指定值,默认值为 left。
height 以像素或百分比值设置高度。
width 以像素或百分比值设置宽度。
hspace 设置水平边距。
loop 设置 marquee 滚动的次数。如果未指定值,默认值为 −1,表示 marquee 将连续滚动。
scrollamount 设置每次滚动时移动的长度(以像素为单位)。默认值为 6。
scrolldelay 设置每次滚动时的时间间隔(以毫秒为单位)。默认值为 85。请注意, 除非指定 truespeed 值,否则将忽略任何小于 60 的值,并改为使用 60。
truespeed 默认情况下,会忽略小于60的scrolldelay值。如果存在truespeed,那些值不会被忽略。
vspace 以像素或百分比值设置垂直边距。

事件回调

同样,该标签也支持事件的回调,就像下面三个。

事件 描述
onbounce 当 marquee 滚动到结尾时触发。它只能在 behavior 属性设置为 alternate 时触发。
onfinish 当 marquee 完成 loop 属性设置的值时触发。它只能在 loop 属性设置为大于 0 的某个数字时触发。
onstart 当 marquee 开始滚动时触发。

方法

你可以为其绑定一个或多个方法,就像开始滚动与结束滚动。

方法 描述
start 开始滚动 marquee。
stop 停止滚动 marquee。

示例

HTML marquee 标签用来插入一段滚动的文字,你可以使用它的属性控制当文本到达容器边缘发生的事情。

<!-- 麻雀虽小五脏俱全 -->
<marquee> 这里是文字 </marquee>
<!-- end -->

需要注意的是,该标签已经过时,尽管一些浏览器仍然支持它,但它不是必须的。此外,使用这个元素基本上是你可以对你的用户做最糟糕的事情之一,不到迫不得已最好不要这样做。


在这里插入图片描述

发布了237 篇原创文章 · 获赞 338 · 访问量 76万+

猜你喜欢

转载自blog.csdn.net/weixin_44198965/article/details/103087001