前端日记：使用marquee标签在不需要js的情况下实现页面滚动效果

本文链接：https://blog.csdn.net/weiweiking6/article/details/119848420

本文详细介绍了HTML的marquee标签，包括direction、behavior、scrollamount、scrolldelay、loop等属性的用法，以及如何设置滚动范围和背景颜色。通过实例解析，帮助理解marquee标签在网页动态效果中的应用。

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

具体示例：

<marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" width="1000" height="1000" bgcolor="#dddddd" hspace="10" vspace="10">

marquee标签属性说明：

1-direction：页面滚动的方向，有 up、down、left、right四个值

具体用法：

<marquee direction="滚动方向">...</marquee>

2-behavior：页面滚动的方式，有scroll:能循环的滚动，为默认效果； slide:只滚动一次就停止； alternate:来回交替进行滚动三个值。

具体用法：

<marquee behavior="滚动方式">...</marquee>

3-scrollamoun：滚动速度，是设置每次滚动时移动的长度，以像素为单位

具体用法：

<marquee scrollamount="数字">...</marquee>

4-scrolldelay：滚动的延迟,每次滚动的时间间隔，单位是毫秒

具体用法：

<marquee scrolldelay="100">...</marquee>

5-loop：为循环滚动，默认值是-1，滚动会不断的循环下去

　　语法：<marquee loop="数值">...</marquee>

6-滚动范围width、height（即为想要滚动的大小）

7-滚动背景颜色bgcolor（可去掉）

8-空白空间hspace、vspace（一般设为0）

文章参考自——https://www.cnblogs.com/zzuIvy/p/marqueeTest_1.html