利⽤HTML实现弹幕滚动效果（跑马灯标签）
html滚动效果代码HTML跑马灯标签
  我们经常会在看电影的时候，打开弹幕，以此来查看⽹友们对电影的实时评价。⾯对屏幕上⼀条⼀条滚动的弹幕，到底是如何实现的呢？
  下⾯我们来介绍⽤HTML实现弹幕滚动的⽅法。
1.跑马灯标签（marquee）
标签名：marquee    跑马灯标签，独占⼀⾏
属性：
behavior：设置滚动⽅式
    scroll ⼀直重复
    slide 只播放⼀次
    alternate 来回弹动
direction 滚动的⽅向
    right ：向右滚动
    left ：向左滚动
    up ：向上滚动
    down：向下滚动
scrollamount 滚动的速度 ，数字表⽰
2.代码实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>
<marquee behavior="scroll" direction="left" scrollamount="30"><font color="red" size="15px">666</font></marquee>
<marquee behavior="scroll" direction="left" scrollamount="20"><font color="aqua" size="20px">⼜五杀了</font></marquee>
<marquee behavior="scroll" direction="left" scrollamount="25"><font >666</font></marquee>
<marquee behavior="scroll" direction="left" scrollamount="20"><font color="pink" size="10px">666</f
ont></marquee>
<marquee behavior="scroll" direction="left" scrollamount="28"><font color="red">666</font></marquee>
<marquee behavior="scroll" direction="left" scrollamount="20"><font color="greenyellow" size="20px">⽜蛙⽜蛙</font></marquee>
<marquee behavior="scroll" direction="left" scrollamount="10"><font size="16px">666</font></marquee>
<marquee behavior="scroll" direction="left" scrollamount="15"><font color="pink" size="20px">厉害</font></marquee>
</div>
</body>
</html>
效果显⽰（将上⽅代码放⼊⽂本⽂档，修改后缀名为HTML即可实现动态效果）

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。