Web-Frontend
HTML-Tutorial
So scrollen Sie in HTML-Marquee-Tags nach oben und unten und legen die Scrollgeschwindigkeit von Marquee-Tags fest
So scrollen Sie in HTML-Marquee-Tags nach oben und unten und legen die Scrollgeschwindigkeit von Marquee-Tags fest
Dieser Artikel stellt Ihnen hauptsächlich die beiden Verwendungsmöglichkeiten von HTML-Marquee-Tags vor. Die eine besteht darin, den Text im Laufschrift-Tag nach oben und unten scrollen zu lassen, die andere darin, den Text im Laufschrift-Tag schneller oder langsamer scrollen zu lassen. Sie können beides auch kombinieren und zusammen verwenden. Schauen wir uns nun gemeinsam diesen Artikel an
Lassen Sie uns zunächst dieses HTML-Marquee-Tag kennenlernen:
Dieses Marquee-Tag wurde speziell über einige seiner Verwendungszwecke geschrieben Attribut, Sie können auf klicken. Wie lautet der Code der Bildlaufleiste in HTML? Wie stelle ich die HTML-Bildlaufleiste ein? Schauen Sie mal rein.
Sehen Sie sich nun an, wie das Marquee-Tag das Scrollen nach oben und unten implementiert:
Das Verhaltensattribut des HTML-Marquee-Tags:
Verhaltensattribut Der Parameterwert ist einer von „Alternative“, „Scroll“ und „Slide“, was bedeutet, dass der Text hin und her scrollt, einseitig kreisförmig scrollt und nur einmal scrollt. Es sollte beachtet werden, dass die Richtungs- und Verhaltensattribute vorhanden sind gleichzeitig im Tag
<marquee behavior="alternate">我来回滚动</marquee> <marquee behavior="scroll">我单方向循环滚动</marquee> <marquee behavior="scroll" direction="up" height="30">我改单方向向上循环滚动</marquee> <marquee behavior="slide">我只滚动一次</marquee> <marquee behavior="slide" direction="up">我改向上只滚动一次了</marquee>
bgcolor-Attribut ist die Hintergrundfarbe des Textlaufbereichs. Der Parameterwert ist hexadezimal (Form: #AABBCC oder #AA5566 usw.) oder ein vordefinierter Farbname (z. B. Rot, Gelb, Blau). usw.). Wie unten gezeigt:
Es gibt auch HTML-Marquee Die Richtung Attribut des Etiketts:
Die Richtung des Textlaufs. Die Parameterwerte des Attributs umfassen vier einzelne optionale Werte: nach unten, links, rechts und nach oben, die die Bildlaufrichtung nach unten darstellen. links bzw. oben. Wie unten gezeigt:
<marquee direction="right">我向右滚动</marquee> <marquee direction="left">我向左滚动</marquee> <marquee direction="down">我向下滚动</marquee> <marquee direction="up">我向上滚动</marquee>
Hauptsächlich die letzten beiden, bei denen es sich um das in diesem Artikel erstmals vorgestellte Scrollen nach oben und unten handelt, kann dazu führen, dass der Text darin nach oben und unten scrollt.
Lassen Sie uns nun über die Scrollgeschwindigkeit des Marquee-Tags sprechen:
Wie hoch ist die Scrollgeschwindigkeit dieses HTML-Marquee-Tags? Kann jemand es erraten? . .
Nun, lassen Sie mich für mich selbst sprechen, es sind die Scrollamount- und Scrolldelay-Attribute:
Diese beiden Attribute bestimmen die Geschwindigkeit (Scrollamount) und die Verzögerung (Scrolldelay) des Textscrollens ), sind die Parameterwerte alle positive ganze Zahlen. Wie unten gezeigt:
<marquee scrollamount="100">我速度很快.</marquee> <marquee scrollamount="50">我慢了些。</marquee> <marquee scrolldelay="30">我小步前进。</marquee> <marquee scrolldelay="1000" scrollamount="100">我大步前进。</marquee>
Sie können bestimmte Zahlen festlegen. Sie können so schnell fahren, wie Sie möchten, und so langsam, wie Sie möchten. Da es sich jedoch alle um animierte Bilder handelt, ist es schwierig, Screenshots zu erstellen, um den Effekt zu erzielen: http://www.php.cn/code/26516.html. Kopieren Sie einfach das Obige Code. Sie können den Effekt sehen, wenn Sie hineingehen. Sie können es versuchen.
Okay, hier sind die beiden Verwendungsmöglichkeiten des HTML-Marquee-Tags in diesem Artikel. Wenn Sie Fragen haben, können Sie diese unten stellen.
[Empfehlung der Redaktion]
Wie lautet der Code für die Bildlaufleiste in HTML? Wie stelle ich die HTML-Bildlaufleiste ein?
Wie verwende ich den HTML5-Fortschrittstag? Einführung in die Attribute des Fortschritts-Tags
Das obige ist der detaillierte Inhalt vonSo scrollen Sie in HTML-Marquee-Tags nach oben und unten und legen die Scrollgeschwindigkeit von Marquee-Tags fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1377
52
Tabellenrahmen in HTML
Sep 04, 2024 pm 04:49 PM
Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.
HTML-Rand links
Sep 04, 2024 pm 04:48 PM
Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.
Verschachtelte Tabelle in HTML
Sep 04, 2024 pm 04:49 PM
Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.
HTML-Tabellenlayout
Sep 04, 2024 pm 04:54 PM
Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.
HTML-geordnete Liste
Sep 04, 2024 pm 04:43 PM
Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele
HTML-Eingabeplatzhalter
Sep 04, 2024 pm 04:54 PM
Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.
Text in HTML verschieben
Sep 04, 2024 pm 04:45 PM
Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.
HTML-Onclick-Button
Sep 04, 2024 pm 04:49 PM
Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.
