html滚动文字(marquee标签)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/jal517486222/article/details/82662513
<!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>

这里写图片描述

猜你喜欢

转载自blog.csdn.net/jal517486222/article/details/82662513