9.1设置滚动文字

最新推荐文章于 2022-08-23 13:56:27 发布

风吹秃顶凉

最新推荐文章于 2022-08-23 13:56:27 发布

阅读量163

点赞数

分类专栏： HTML5

本文链接：https://blog.csdn.net/qq_45130472/article/details/107558152

版权

HTML5 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<title>设置滚动文字</title>
	<meta charset="utf-8">
</head>
<body>
	<marquee direction="down" behavior="slide" scrollamount="3"bgcolor="#eeeeee"><font face="隶书" color="#0066FF" size="8">欢迎来到滚动文字页面！</font></marquee>
	<marquee direction="right" behavior="scroll" scrollamount="10" scrolldelay="200"><font face="隶书" color="#f74717F" size="7">不是一家人不进一家门</font></marquee>
	<marquee direction="right" behavior="alternate" width="600"><font face="隶书" color="#3cf717" size="6">我们一起撸起袖子加油干！</font></marquee>
	<marquee direction="up" loop="3">
		<font color="#f7ea17" face="草书" size="+5">
			蓦然回首，那人却在灯火阑珊处
		</font>
	</marquee>
</body>
</html>

marquee：滚动文字标记
direction：滚动方向属性
behavior：滚动方式属性 scroll（循环滚动）slide（只滚动一次就停止）alternate（来回交替进行滚动）
scrollamount：滚动速度属性
scrolldelay：滚动延迟属性
loop：滚动循环属性
width，height：滚动范围属性
bgcolor：滚动背景颜色属性
在这里插入图片描述