html文字滚动效果

最新推荐文章于 2024-06-25 15:14:54 发布

楠恭影

最新推荐文章于 2024-06-25 15:14:54 发布

阅读量4.5k

点赞数 5

分类专栏： html

html 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

marquee标签单个滚动效果

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>marquee</title>
    </head>

    <body style="background: black;padding: 20px;">
        <marquee><span style="font-weight: bolder;font-size: 40px;color: white;">Welcom CSDN!</span></marquee>
    </body>
</html>

marquee标签多个文字滚动效果

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>marquee</title>
        <style>
            body {
                background: black;
                padding: 20px;
            }

            marquee {
                font-weight: bolder;
                font-size: 40px;
                color: white;
            }
        </style>
    </head>

    <body>
        <marquee direction="up">UP</marquee>
        <marquee direction="down">DOWN</marquee>
        <marquee direction="left">LEFT</marquee>
        <marquee direction="right">RIGHT</marquee>
    </body>

</html>

设置滚动速度和延迟(scrolldelay：延迟、scrollamount：速度)

 <marquee scrolldelay="800" scrollamount="100">Welcom CSDN!</marquee>

限制滚动文字的行为（alternate：来回、scroll：循环滚动、slide：只滚动一次）

滚动的方向（left、right、down、up）

楠恭影

关注

5
点赞
踩
20

收藏

觉得还不错? 一键收藏
0
评论
html文字滚动效果

marquee标签单个滚动效果&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;marquee&lt;/title&gt; &lt;/head&gt; &lt;body styl
复制链接

扫一扫

专栏目录