HTML中的跑马灯效果（<marquee>标签）

最新推荐文章于 2024-09-19 17:43:33 发布

杨宗健

最新推荐文章于 2024-09-19 17:43:33 发布

阅读量4.7k

点赞数 1

分类专栏： HTML新手学习

本文链接：https://blog.csdn.net/Ameir_yang/article/details/62218925

版权

HTML新手学习专栏收录该内容

18 篇文章 1 订阅

订阅专栏

跑马灯效果：

格式：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>video的用法</title>
        <base target="_self">
    </head>
<body>
    <marquee scrollamount="1/2/3..../n" direction="left/right/up/down" loop="1/2/3..../n" behavior="slide/alternate">
      要写的内容   
 </marquee>
</body>
</html>

属性：

scrollamount="1/2/3/4/5/6/..../n"：控制内容跑马的速度，数值越大越快。

direction="left/right/up/down" : 控制内容跑马方向。（向左，右，上，下跑马）

loop="1/2/3/4../n"：控制内容跑马的循环次数。

behavior="slide/alternate"：控制内容跑马的状态，slide是跑到边界停止不动，alternate是跑到边界被弹回（来回反弹）。