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

来源:爱站网时间:2022-11-15编辑:网友分享
如果你想要在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字符片段滚动的实例代码内容大致就先讲解到这里了,不明白的小伙伴可以所浏览几遍加深记忆,需要爱站技术频道小编解答的小伙伴可以直接来咨询。

上一篇:Xhtml0特殊字符合集介绍

下一篇:HTML网速优化小技巧

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载