HTML(Marquee字符片段滚动)

最新推荐文章于 2025-07-21 10:22:16 发布

转载最新推荐文章于 2025-07-21 10:22:16 发布 · 64 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lf6112/archive/2009/10/29/1592504.html

本文详细介绍了HTML中Marquee标签的使用方法，包括direction属性设置滚动方向（上、下、左、右），behavior属性定义滚动方式（来回、重复、单次），scrollamount属性调整滚动速度，及scrolldelay属性控制滚动间隔。

以下其属性：

direction
设定活动字幕的滚动方向

代码如下:
<marquee direction="down">设定活动字幕的滚动方向direction="down"：向下</marquee>
<marquee direction="left">设定活动字幕的滚动方向direction="left"：向左</marquee>
<marquee direction="right">设定活动字幕的滚动方向direction="right"：向右</marquee>
<marquee direction="up">设定活动字幕的滚动方向direction="up"：向上</marquee>

behavior
设定滚动的方式：
alternate：表示在两端之间来回滚动。
scroll：表示由一端滚动到另一端，会重复。
slide：表示由一端滚动到另一端，不会重复。
代码如下:
<marquee behavior="alternate">alternate：表示在两端之间来回滚动。 </marquee>
<marquee behavior="scroll">scroll：表示由一端滚动到另一端，会重复。</marquee>
<marquee behavior="slide">slide：表示由一端滚动到另一端，不会重复。</marquee>

scrollamount
设定活动字幕的滚动速度，单位pixels
代码如下:
<marquee scrollamount="10" >scrollamount="10" </marquee>
<marquee scrollamount="20" >scrollamount="20" </marquee>
<marquee scrollamount="30" >scrollamount="30" </marquee>

scrolldelay
设定活动字幕滚动两次之间的延迟时间，单位millisecond（毫秒）
值大了会有一步一停顿的效果
代码如下:
<marquee scrolldelay="10" >scrolldelay="10" </marquee>
<marquee scrolldelay="100" > scrolldelay="100"</marquee>
<marquee scrolldelay="1000">scrolldelay="1000" </marquee>

转载于:https://www.cnblogs.com/lf6112/archive/2009/10/29/1592504.html