前端:弹幕标签用法详细介绍(跑马灯)

弹幕标签

1,注意弹幕标签marquee,现在一些浏览器是不支持的
2,弹幕标签也叫跑马灯

marquee格式及其含有的属性

1.基本格式

如下:

<marquee></marquee>

2.一些属性

1,direction属性:表示的是弹幕行走的方向,如下面实现向左行走

<marquee direction="left">这波操作6</marquee>

其中direction还可以设置值为up right down,可以自己修改演示。

添加width和height属性可以设置滚动的宽度和高度:如下设置高度为300px

<marquee behavior="scroll" direction="up" height="300">我改单方向向上循环滚动</marquee>       

2,behavior属性:
behavior属性可以取多个值,如:alternate scroll slide 等
若取值为alternate则表示弹幕从屏幕一侧跑到屏幕另外一侧时马上再向相反方向弹回去。
如下:

<marquee behavior=
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

bluepad

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值