简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

So scrollen Sie in HTML-Marquee-Tags nach oben und unten und legen die Scrollgeschwindigkeit von Marquee-Tags fest

寻∝梦
Freigeben： 2018-09-04 11:56:50
Original
10714 Leute haben es durchsucht

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.

-Tags sind Tags, die paarweise erscheinen. Der Inhalt zwischen dem ersten Tag Zu den Attributen des -Tags gehören hauptsächlich Verhalten, Hintergrundfarbe, Richtung, Breite, Höhe, Hspace, Vspace, Schleife, Scrollamount, Scrolldelay usw. Sie sind alle optional.

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 angezeigt werden, dann basiert die Bildlaufrichtung des Scrollens und Schiebens auf den Parametereinstellungen im Richtungsattribut. 

<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>
Nach dem Login kopieren

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:Meine Hintergrundfarbe ist rot

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Verwandte Etiketten：
html marquee
Quelle：php.cn
Vorheriger Artikel：Was ist der Code für die Bildlaufleiste in HTML? Wie stelle ich die HTML-Bildlaufleiste ein? Nächster Artikel：Wie stelle ich das Scrollen von Bildern im HTML-Marquee-Tag ein? Codebeispiel zum Scrollen von Bildern für das Marquee-Tag
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...
Aus 2024-04-29 11:01:01
0
2
1781
So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?
Aus 2024-04-23 00:22:19
0
10
1926
Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.
Aus 2024-04-19 15:37:47
0
1
1639
Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...
Aus 2024-04-18 23:52:34
0
1
1547
Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen
Aus 2024-04-16 10:10:18
0
0
1580
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！