8.0滚动标签

最新推荐文章于 2023-02-03 19:54:13 发布

P_ning

最新推荐文章于 2023-02-03 19:54:13 发布

阅读量403

点赞数 1

分类专栏： html5学习

本文链接：https://blog.youkuaiyun.com/P_ning/article/details/90269704

版权

html5学习专栏收录该内容

16 篇文章

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<marquee>滚动文字(默认从右往左)</marquee>

<br>

<marquee direction="down">滚动文字(从上往下)</marquee>
<marquee direction="up">滚动文字(从下往上)</marquee>
<marquee direction="left">滚动文字(从右往左)</marquee>
<marquee direction="right">滚动文字(从左往右)</marquee>

<br>

<marquee behavior="alternate">来回交替进行滚动</marquee>
<marquee behavior="scroll">只滚动一次就停止</marquee>
<marquee behavior="slide">循环滚动(默认效果)</marquee>

<br>

<marquee scrollamount="1">可设置滚动的速度</marquee>
<marquee scrollamount="10">数字越大越快</marquee>
<marquee scrollamount="20">实际它是设置滚动文字每次移动的长度,以像素为单位</marquee>

<br>

<marquee scrolldelay="10">可以设置滚动时间间隔</marquee>
<marquee scrolldelay="100">数字越大相隔时间越大</marquee>
<marquee scrolldelay="100">单位是毫秒,即千分之一秒,设置时间太长会有走走停停的效果</marquee>

<br>

<marquee loop="20">设置滚动循环次数</marquee>
<marquee loop="20">即设置循环滚动几次停止</marquee>

<br>

<marquee bgcolor="red">设置滚动背景颜色</marquee>

<br>


<marquee width="100" height="100" bgcolor="red">滚动的范围</marquee>

<br>

<marquee hspace="100" vspace="100" bgcolor="red">在滚动文字的四周设置水平和垂直空间 </marquee>
<marquee hspace="50" vspace="50" bgcolor="red">hspace为水平范围,vapace为垂直范围</marquee>
<marquee hspace="20" vspace="20" bgcolor="red">作用是在周围建立一个以像素为单位的多大空白空间</marquee>
</body>
</html>

在这里插入图片描述