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

同上

推荐阅读：

使用float后清除浮动的几种方法

html CSS引用字体文件

JavaScript、Jquery获取屏幕的宽度和高度

使用swiper的coverflowEffect遇到的几个问题

UEditor百度富文本编辑器 设置百分比宽度