HTML滚动标签marquee的属性及效果实现

现在 <marquee> 元素已经废弃，但有时候还是会用的到。

虽然一些浏览器还支持，但是不推荐使用，因为说不定什么时候就不支持了。

marquee 滚动标签

常用属性

behavior 滚动方式

loop 循环次数

scrollamount 滚动时间

direction 滚动方向:

bgcolor 背景颜色

height 高度

width 宽度

滚动方式 behavior

语法：behavior=""

滚动属性：默认值（scroll）

slide 从右往左滚动 — 停止

scroll 从右往左循环滚动

alternate 从右往左再往右（左右来回）循环

实例：

slide从右往左滚动-停止

scroll从右往左循环

alternate从右往左再往右循环

循环次数 loop

语法： loop=""

循环属性：默认值（infinite）

number 数字（1、2、3）

infinite 一直滚动

滚动3次

infinite 一直滚动

滚动方向 direction 

语法： direction=""

滚动方向参数：

left 左

right 右

down 下

up 上

实例：

向下滚动

向上滚动

向左滚动

向右滚动

滚动时间/速度 scrollamount

语法： scrollamount=""

滚动速度：默认值（600）

number 数字（1、2、3），数字越大，速度越慢。

背景颜色 bgcolor

语法： bgcolor=""

背景颜色参数：

rgba()  带透明度的背景色

rgb() RGB背景颜色

十六进制颜色 #FFF

颜色 red

高度 height

语法： height=""

高度参数：

number 数字（1、2、3）

宽度 width

同上

声明：本文由w3h5原创，转载请注明出处：《HTML滚动标签marquee的属性及效果实现》 https://cloud.tencent.com/developer/article/1537816

​