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

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

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

marquee_codes1.png HTML滚动标签marquee的属性及效果实现 HTML笔记

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

同上

赞 (3)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)