HTML实现Marquee字符片段滚动的实例代码

以下其属性:

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>

HTML实现Marquee字符片段滚动的实例代码内容大致就先讲解到这里了,不明白的小伙伴可以所浏览几遍加深记忆,需要爱站技术频道小编解答的小伙伴可以直接来咨询。