h5跑马灯实现marquee

最新推荐文章于 2025-05-10 13:19:22 发布

sun3024

最新推荐文章于 2025-05-10 13:19:22 发布

阅读量545

点赞数 4

CC 4.0 BY-SA版权

文章标签： html5

本文链接：https://blog.youkuaiyun.com/sun3024/article/details/138211922

本文详细解释了HTML中的marquee标签，包括其行为（连续滚动）、滚动方向、循环次数、滚动速度和停顿时间等关键属性，展示了如何创建动态滚动效果。

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

<marquee style="position: absolute;z-index: 999;color: red;font-weight: bold;font-size: 18px;" align="left" behavior="scroll" direction="left" height="30px" width="100%" hspace="50" vspace="5" loop="5" scrollamount="5" scrolldelay="100" onMouseout="this.start()" onMouseover="this.stop()">
	<div class="hide" id="affiche">
		<img width="20" height="20" src="imgs/xxx.png"></img>
		<font style="cursor: pointer;line-height: 17px;" id="alarm">xxx</font>
	</div>
</marquee>

marquee属性说明：
behavior：滚动方式，scroll（连续滚动）
direction：滚动方向，默认left
loop：循环次数，默认6，我这里是5次滚动结束
scrollamount：滚动速度
scrolldelay：停顿时间
hspace：到边界的水平距离
vspace：到边界的垂直距离