logo标签列表

HTML的<marquee>标签的速度可以改变吗？

htmlmarquee
44

当一个跑马灯从屏幕上离开后，经过短暂的时间间隔，它会从另一侧进入。有没有办法缩短这个时间？

当一个跑马灯从屏幕上离开后，想要尽可能快速地让其从另一侧进入，可以通过减少转换时间来实现。具体来说，可以尝试减少跑马灯完全消失和重新进入屏幕之间的时间间隔。
7
请注意，marquee标签从未成为标准的HTML，现已被弃用。 - Orbling
3
@Orbling - Marquee并没有被废弃。无法废弃曾经不是标准的东西。 - Alohci
2
@Alohci，这个用法已经被支持它的浏览器弃用了，标准显然不会将其弃用——因为它一开始就不是标准的一部分。 - Orbling
14个回答
54

<marquee behavior=scroll direction="left" scrollamount="5">Your message here</marquee>

scrollamount 控制文本滚动的速度：值越高，滚动速度越快。

32

我们可以通过使用scrollamount属性来控制滚动速度。

示例：

<marquee scrollamount="30">scrolling fast</marquee>
<marquee scrollamount="2">scrolling slow</marquee>

注意：如果您指定最小数量，滚动速度将减慢，反之亦然。

这对我来说完美地运作，因为我之前使用了scrolldelay，它用于毫秒级的速度延迟！谢谢 - Nadeem Bhat
9

这个属性以毫秒为单位表示时间。

延迟: 100 毫秒

<marquee scrolldelay="100">Scrolling text</marquee>

延迟：400毫秒

<marquee scrolldelay="400">Scrolling text</marquee>
7

没有专门控制它的属性。无论如何，跑马灯标签并不是非常可靠的。您可能需要考虑使用 jQuery 和 .animate() 函数。如果您有兴趣探索这个方向并需要代码，请让我知道。

1
没有属性来控制那个吗？那其他发布的答案是关于什么的呢？嗯... - jcolebrand
2
他在技术上是正确的：scrolldelay 减慢了整个动画，而不仅是文本从一侧滚动到另一侧之间的延迟。请参见该网页上的示例。 - Dan J
@jcolebrand 这就是......是答案 ;) - MattAllegro
5
Marquee很容易使用，但即使在低速下也会闪烁太多。有什么好的替代方案吗？ - newman
4

scrolldelay="number"

请参阅Google或任何其他返回结果，例如：http://www.htmlcodetutorial.com/_MARQUEE.html。 - jcolebrand
那样做只会降低速度，而不会减少“刷新”之间的时间。 - James Thompson
3
还要考虑在谷歌上搜索“不要使用跑马灯标签”，了解自上世纪九十年代以来已经明确的许多充分理由，为什么您可能希望避免使用HTML中的这个特定功能... - Dan J
4
你可以通过添加scrolldelay来改变速度 

<marquee style="font-family: lato; color: #FFFFFF" bgcolor="#00224f" scrolldelay="400">Now the Speed is Delay to 400 Milliseconds</marquee>

4
为了增加跑马灯文字的速度，您只需要在以下代码中添加如下内容：
<marquee scrollamount="Integer number">scrolling fast</marquee>
2
为了增加文本的滚动速度，请使用属性"scrollamount"。最初的回答中提到的是这个属性。
scrollamount
OR
scrolldelay

在'marquee'标签中，放置任何整数值来表示您需要文本移动的速度。"最初的回答"
1

<marquee scrollamount="1">SLOW TEXT</marquee>
<marquee>DEFAULT SPEED TEXT</marquee>
<marquee scrollamount="10">FAST TEXT</marquee>
<marquee scrollamount="20">Faster text</marquee>

仅提供代码的答案并不特别有帮助。请添加一些描述，说明这段代码如何解决问题。 - Al Foиce ѫ
嗨，试试这个网址：https://www.w3schools.in/html-tutorial/marquee-tag/ - Zubair Saif
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接