suchen

Heim  >  Artikel  >  Web-Frontend  >  Einführung in die Verwendung von HTML-Marquee-Tags. Beispiele_HTML/Xhtml_Webseitenproduktion

Einführung in die Verwendung von HTML-Marquee-Tags. Beispiele_HTML/Xhtml_Webseitenproduktion

WBOY
WBOYOriginal
2016-05-16 16:37:451503Durchsuche

Dieses Tag ist nicht Teil von HTML3.2 und unterstützt nur MSIE3 und spätere Kernel. Wenn Sie also einen Nicht-IE-Browser (wie Netscape) verwenden, können Sie möglicherweise einige der folgenden interessanten Effekte nicht sehen:
Dieses Tag ist ein Container-Tag

Laufcode für Marquee-Ankündigungen

Der einfachste Laufcode für Website-Ankündigungen, der auf der rotierenden Marquee-Laterne basiert und vertikal nach oben scrollt, in Tabellenform, kann auch dann verwendet werden, wenn Sie dies nicht tun kenne CSS.




Tipp: Sie können einen Teil des Codes ändern, bevor Sie


Syntax:

< ;/marquee>

Das Folgende ist das einfachste Beispiel:

Der Code lautet wie folgt:
Code kopieren
Der Code lautet wie folgt:


Hello, World


Die folgenden zwei Ereignisse werden häufig verwendet:

onMouseOut="this.start()": Wird verwendet, um die Maus so einzustellen, dass sie weiterscrollt, wenn sie sich aus dem Bereich bewegt
onMouseOver="this.stop()" : Wird verwendet, um die Maus so einzustellen, dass sie den Bildlauf stoppt, wenn die Maus in diesen Bereich bewegt wird

Der Code lautet wie folgt:
Code kopieren
Code wie folgt:


onMouseOut="this.start()": Wird verwendet, um die Maus so einzustellen, dass sie sich aus dem Bereich Weiterscrollen bewegt, wenn der Bereich erreicht ist. onMouseOver="this.stop()": Wird verwendet, um die Maus so einzustellen, dass sie den Scrollvorgang stoppt, wenn der Maus bewegt sich in den Bereich


Dies ist ein vollständiges Beispiel:

Der Code lautet wie folgt:
Code kopieren
Der Code lautet wie folgt:



Dies ist ein vollständiges Beispiel

Dieses Tag unterstützt bis zu 11 Attribute:

align

Legen Sie die Ausrichtung des -Tags fest
absbottom: absolute untere Ausrichtung (mit g, p Ausrichten an am Ende des Buchstabens)
absmiddle: absolute Mittelausrichtung
baseline: untere Zeilenausrichtung
bottom: untere Ausrichtung (Standard)
left: linke Ausrichtung
middle: mittlere Ausrichtung
right : rechte Ausrichtung
texttop: obere Zeilenausrichtung
oben: obere Ausrichtung

Der Code lautet wie folgt:

Code kopieren
Der Code lautet wie folgt:

align="absbottom": Absolute untere Ausrichtung (ausgerichtet am untersten Ende von Buchstaben wie g, p usw.).
align="absmiddle": Absolute Mittelausrichtung.
align="baseline": Endergebnisausrichtung.
align="bottom": Untere Ausrichtung (Standard).
align="left": Linksbündig.
align="middle": Mittlere Ausrichtung.
align="right": Rechtsbündig.
align="texttop": Ausrichtung der oberen Zeile.
align="top": Ausrichtung oben.

Verhalten

Legen Sie die Scroll-Methode fest:

alternativ: bedeutet Hin- und Herscrollen zwischen den beiden Enden.
Scrollen: bedeutet, von einem Ende zum anderen zu scrollen und wird wiederholt.
gleiten: bedeutet, ohne Wiederholung von einem Ende zum anderen zu scrollen.

Der Code lautet wie folgt:

Kopieren Sie den Code
Der Code lautet wie folgt:

alternate: Zeigt das Hin- und Herscrollen zwischen den beiden Enden an.
scroll: Zeigt das Scrollen von einem Ende zum anderen an und wird wiederholt.
slide: Zeigt das Scrollen von einem Ende zum anderen ohne Wiederholung an.

bgcolor

Legen Sie die Hintergrundfarbe aktiver Untertitel fest. Die Hintergrundfarbe kann im RGB-, Hexadezimalwertformat oder Farbnamen festgelegt werden.

Der Code lautet wie folgt:

Kopieren Sie den Code
Der Code lautet wie folgt:

Hintergrundfarbe aktiver Untertitel festlegen bgcolor="#006699"Hintergrundfarbe aktiver Untertitel festlegen bgcolor="rgb(10%,50%,100%,)"


Richtung

Legen Sie die Bildlaufrichtung aktiver Untertitel fest

Der Code lautet wie folgt:


Kopieren Sie den CodeDer Code lautet wie folgt:
< Laufrichtung = „nach unten“> Laufrichtung für aktive Untertitel festlegen: Richtung „nach unten“: Nach unten
< Laufrichtung für aktive Untertitel festlegen: Richtung = „links“. ": Nach links
Legen Sie die Bildlaufrichtung der aktiven Untertitel fest Direction="right": rechts
Legen Sie die Bildlaufrichtung der aktiven Untertitel fest. Direction="up": Nach oben

Höhe

Legen Sie die Höhe der aktiven Untertitel fest

Der Code lautet wie folgt:


Code kopierenDer Code lautet wie folgt:
Stellen Sie die Höhe der aktiven Untertitel ein height="500"
width

Legen Sie die Breite der aktiven Untertitel fest

Code wie folgt:


Kopieren Sie den CodeDer Der Code lautet wie folgt:

Legen Sie die Breite der aktiven Untertitel fest width="500"

hspace

Legen Sie den Abstand zwischen der Position der aktiven Untertitel und dem horizontalen Rand des übergeordneten Containers fest

Dies steuert den horizontalen (horizontalen) Raum um das Anzeigefeld herum.

Der Code lautet wie folgt:

Code kopieren
Der Code lautet wie folgt:






vspace
Aktive Untertitel festlegen Der Abstand zwischen der Position und dem vertikalen Rand des übergeordneten Containers

Dies steuert den vertikalen Raum um das Anzeigefeld

Der Code lautet wie folgt:



Code kopierenDer Code lautet wie folgt:
hspace="100"


loop

Legen Sie fest, wie oft gescrollt werden soll. Wenn „loop=-1“ bedeutet, dass alles gescrollt wird Die Zeit ist standardmäßig -1
Der Code lautet wie folgt:



Code kopierenDer Code lautet wie folgt folgt:
Ich werde weitergehen.

 

🎜>
scrollamount

Stellen Sie die Scrollgeschwindigkeit aktiver Untertitel in Pixel ein
Der Code lautet wie folgt:





Kopieren Sie den Code
Der Code lautet wie folgt: scrollamount="10" >scrollamount="20" scrolldelay
Stellen Sie die Verzögerungszeit zwischen dem zweimaligen Scrollen aktiver Untertitel ein, Einheit Millisekunde (Millisekunde)
Ein größerer Wert hat den Effekt einer schrittweisen Pause

Die Der Code lautet wie folgt:




Code kopieren


Der Code lautet wie folgt:
< ;marquee scrolldelay="10" >scrolldelay= "10" scrolldelay="100" scrolldelay="1000" < ;/marquee>
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
Vorheriger Artikel：So fügen Sie Videos in HTML ein und sind mit allen Browsern kompatibel_HTML/Xhtml_WebseitenproduktionNächster Artikel：So fügen Sie Videos in HTML ein und sind mit allen Browsern kompatibel_HTML/Xhtml_Webseitenproduktion

In Verbindung stehende Artikel

Mehr sehen
hspace= "100"