Ändern Sie die HTML-Marquee-Textgeschwindigkeit

1. Verwenden Sie das Attribut scrollmount des Tags <marquee>, um die Bildlaufgeschwindigkeit des Textes zu steuern
2. Verwenden Sie das Attribut scrolldelay des Tags <marquee>, um die Bildlaufgeschwindigkeit von Text zu steuern

Im HTML können wir das Tag <marquee> verwenden, um die bewegte oder scrollende Textanimation zu erstellen. Es ermöglicht uns, den Lauftext in den vier Richtungen zu erstellen, die von links nach rechts, von rechts nach links, von unten nach oben und von oben nach unten sind, die Geschwindigkeit zu ändern und den Wert des Attributs Richtung festzulegen, um die Richtung festzulegen der Lauftext.

Dieser Artikel konzentriert sich auf das Ändern der Geschwindigkeit des -Tags in HTML.

Verwenden Sie das Attribut scrollmount des Tags <marquee>, um die Bildlaufgeschwindigkeit des Textes zu steuern

Das Attribut scrollmount legt die Scrollgeschwindigkeit des Textes des Tags <marquee> fest. Es nimmt den Zahlenwert im Zeichenfolgenformat an.

Der Wert des Attributs gibt an, um wie viele Pixel in einem bestimmten Zeitintervall gescrollt wird. Der Standardwert des Attributs scrollmount ist 6px.

Zum Beispiel haben wir die verschiedenen <marquee>-Tags mit den verschiedenen scrollmount-Werten erstellt. In der Ausgabe können Nutzer die Geschwindigkeit von Texten mit unterschiedlichem scrollmount beobachten.

Je höher der Wert von scrollmount, desto schneller bewegt sich der Text.

Codebeispiel:

<marquee behavior=scroll direction="left" scrollamount="2">scrollamount = 2</marquee>
<marquee behavior=scroll direction="left" scrollamount="6">scrollamount = 6</marquee>
<marquee behavior=scroll direction="right" scrollamount="10">scrollamount = 10</marquee>
<marquee behavior=scroll direction="right" scrollamount="15">scrollamount = 15</marquee>

Ausgang:

Run Above Code

In der obigen Ausgabe können Benutzer sehen, dass sich verschiedene Texte mit unterschiedlichen Geschwindigkeiten in verschiedene Richtungen bewegen, je nach Wert der Attributwerte scrollmount und direction.

Verwenden Sie das Attribut scrolldelay des Tags <marquee>, um die Bildlaufgeschwindigkeit von Text zu steuern

Wir können das Attribut scrolldelay verwenden, um das Zeitintervall zwischen jedem Scrollen festzulegen. Es akzeptiert den Wert in Millisekunden im Zeichenfolgenformat.

Der Standardwert des Attributs scrolldelay ist 85 und akzeptiert keinen Wert unter 60. In diesem Beispiel haben wir das unterschiedliche <marquee>-Tag mit unterschiedlichen Werten des Attributs scrolldelay erstellt.

Codebeispiel:

<marquee behavior=scroll direction="left" scrolldelay="200">scrolldelay = 200ms</marquee>
<marquee behavior=scroll direction="right" scrolldelay="61">scrolldelay = 61ms</marquee>
<marquee behavior=scroll direction="left" scrolldelay="300">scrolldelay = 300ms</marquee>
<marquee behavior=scroll direction="right" scrolldelay="150">scrolldelay = 150ms</marquee>

Ausgang:

Run Above Code

In der obigen Ausgabe können Benutzer sehen, dass sich der Text mit zunehmendem Wert des Attributs scrolldelay langsamer bewegt, wenn das Intervall zwischen jedem Scrollen zunimmt. Die Attribute scrolldelay und scrollmount sind in HTML5 veraltet. Daher wird es möglicherweise von einigen modernen Browsern nicht unterstützt.

Autor: Shubham Vora

Shubham is a software developer interested in learning and writing about various technologies. He loves to help people by sharing vast knowledge about modern technologies via different platforms such as the DelftStack.com website.

LinkedIn GitHub