Heim  >  Artikel  >  Web-Frontend  >  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

寻∝梦
寻∝梦Original
2018-09-04 11:56:5010710Durchsuche

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.

ed126914ed1419bab26abf7cf307b7b9-Tags sind Tags, die paarweise erscheinen. Der Inhalt zwischen dem ersten Tag ed126914ed1419bab26abf7cf307b7b9 Zu den Attributen des ed126914ed1419bab26abf7cf307b7b9-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 ed126914ed1419bab26abf7cf307b7b9 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>

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:0538d57470250dd5471adb852b6a2231Meine Hintergrundfarbe ist rot7204e33a7a23f6efcc788532e245c31b

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!

Stellungnahme:
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

In Verbindung stehende Artikel

Mehr sehen