html滚动文字（marquee标签）_html滚动文字居中-优快云博客

本文链接：https://blog.youkuaiyun.com/jal517486222/article/details/82662513

本文介绍如何利用HTML中的Marquee标签实现文本的滚动显示效果，并详细解释了Marquee的各种属性，如滚动方向、速度、背景颜色等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html lang="en" ng-app>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Marquee</title>
    <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
    <script src="js/app.js" type="text/javascript"></script>
</head>
<body>

<marquee style=" HEIGHT: 30px; background-color: papayawhip" scrollamount="2" direction="up" Align="Middle" >
    <div style="text-align: center">
        <p>1一大堆文字飘过～</p>
        <p>2一大堆文字飘过～</p>
        <p>3一大堆文字飘过～</p>
        <p>4一大堆文字飘过～</p>
        <p>5一大堆文字飘过～</p>
    </div>
</marquee >

<!--
marquee 参数：
BGColor：滚动文本框的背景颜色。
Direction：滚动方向设置，可选择Left、Right、up和down。
scrolldelay：每轮滚动之间的延迟时间，越大越慢。
scrollamount：一次滚动总的时间量，数字越小滚动越慢。
Behaviour：滚动的方式设置，三种取值：Scroll（循环滚动） lide（单次滚动）、Alternate（来回滚动）。
Align：文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。
Width：滚动文本框的宽度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
Height：滚动文本框的高度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
loop：滚动次数。默认为infinite
hspace、vspace：前后、上下的空行。
onMouseOver='this.stop()' 鼠标放上去则暂停
onMouseOut='this.start()' 鼠标移开继续滚动
-->
</body>
</html>

这里写图片描述