Das <Marquee> -Tag ist ein Tag, das paarweise angezeigt werden. Der Inhalt zwischen dem ersten Tag <Marquee> und dem letzten Tag </marquee> ist der Scrolling -Inhalt. Zu den Attributen des <marquee> -Tag gehören hauptsächlich Verhalten, BGColor, Richtung, Breite, Höhe, Hspace, VSpace, Loop, Scrolllamount, ScrolLdelay usw. Sie sind alle optional.
Heute, als ich einen großen Plattenspieler -Lotterie -Unentschieden auf WeChat machte, wollte ich die Lotterieaufzeichnungen aller Benutzer zu einem nahtlosen Scrolling -Effekt machen. Leider war meine JS -Stiftung zu arm und ich konnte mir keinen Weg vorstellen, es vorerst zu erreichen, also hatte ich verschiedene ähnliche Auswirkungen auf Baidu. Aber ich habe versehentlich ein HTML -Tag entdeckt - <marquee> </marquee> kann mehrere Scrolling -Effekte ohne JS -Kontrolle erzielen. Mit dem Festzelt -Tag können Sie nicht nur Text scrollen, sondern auch Bilder, Tabellen usw. scrollen, und es ist auch bequem und schnell zu bedienen, was mir wirklich viel Zeit spart.
Das Festzelt-Tag ist nicht Teil von HTML3.2 und unterstützt nur MSIE3-spätere Kernel. Wenn Sie also nicht-Kernel-Browser (wie NetScape) verwenden, können Sie nachstehend möglicherweise einige interessante Effekte nicht sehen. Dieses Tag ist ein Container -Tag.
1. Mehrere wichtige Attribute des Festzelt -Tags:1. Richtungsrichtung: Scrolling -Richtung (einschließlich 4 Werte: Nach oben, links, rechts)
Beschreibung: Up: Scrollen Sie von unten nach oben; Down: Scrollen Sie von oben nach unten; Links: Scrollen Sie von rechts nach links; Rechts: Scrollen Sie von links nach rechts.
Syntax: <Marquee Direction = Scroll Direction> ... </marquee>
2. Verhalten: Scrolling -Methode (einschließlich 3 Werte: Scrollen, Folie, Alter)
Beschreibung: Bildlauf: Schleifenrolle, Standard -Effekt; Folie: Bleiben Sie beim Scrollen nur einmal an; Alternative: Wechselhaft hin und her scrollen.
Syntax: <Marquee Behavior = Scrolling -Methode> ... </marquee>
3.Scrollamount: Bildlaufgeschwindigkeit (Bildlaufgeschwindigkeit ist die Bewegungslänge, wenn jede Scroll in Pixel eingestellt ist)
Syntax: <marquee scrollamount = 5> ... </marquee>
4. SCROLLDELAY: Stellen Sie die Verzögerungszeit zwischen dem Scrollen zweimal ein. Wenn der Wert groß ist, gibt es einen Schritt-für-Schritt-Effekt (das Scroll-Zeitintervall setzen, die Einheit ist Millisekunden).
Syntax: <marquee scrolldelay = 100> ... </marquee>
5.Loop: Legen Sie die Anzahl der Scrolling -Zyklus fest (der Standardwert ist -1, das Scrollen wird weiterhin zyklus werden).
Syntax: <Marquee Loop = 2> ... </marquee>
<marquee loop = -1 bgcolor =#cccccc> Ich werde weiter laufen. </marquee>
<marquee loop = 2 bgcolor =#cccccc> Ich gehe nur zweimal </marquee>
6. Width, Höhe: Stellen Sie die Breite und Höhe der Bildlaufuntertitel ein
Syntax: <marquee width = 500 Höhe = 200> ... </marquee>
7.BGColor: Stellen Sie die Hintergrundfarbe der Scroll -Untertitel fest (kann Farbwert oder RGB () oder RGBA () -Funktion sein)
Syntax: <marquee bgcolor = rgba (0,0,0,0,2)> ... </marquee>
8.Hspace, VSPACE: Leerer Speicherplatz (entspricht dem Festlegen von Margenwert)
Beschreibung: Hspace: Stellen Sie den Abstand zwischen der Position in den aktiven Untertiteln aus dem horizontalen Rand des übergeordneten Containers wie HSpace = 10 ein, was äquivalent zu: Margin: 0 10px;
VSpace: Stellen Sie den Abstand zwischen der Position in den aktiven Untertiteln aus dem vertikalen Rand des übergeordneten Containers wie VSpace = 10 ein, was äquivalent zu: Margin: 10px 0;
Syntax: <marquee hspace = 10 vspace = 10> ... </marquee> (äquivalent zu: margin: 10px;)
9.Align: Setzen Sie die Ausrichtungsmethode zum Scrollen von Untertiteln (einschließlich 9 Werte: Absbottom, Absmiddle, Baseline, unten, links, Mitte, rechts, textTop, oben)
Beschreibung: Absbottom: Absbottom mit dem unteren Ende von Buchstaben wie G, p) ausgerichtet
Absmiddle: Absolut zentrale Ausrichtung
Basislinie: Fazitausrichtung
unten: unten Ausrichtung (Standard)
Links: Links ausgerichtet
Mitte: Mittelausrichtung
Rechts: Richtig ausgerichtet
TextTop: Top -Line -Ausrichtung
Oben: Top -Ausrichtung
Syntax: <marquee align = align> ... </marquee>
10.Face: Setzen Sie Textschriften für Scrollen -Untertitel
Syntax: <marquee font = kaiti_gb2312> </marquee>
11.Art
Syntax: <marquee color =#333> </marquee>
12.Size: Legen Sie die Text Schriftgröße von Scrolling -Untertiteln fest
Syntax: <marquee size = 3> </marquee>
13.Strong: Setzen Sie den Text der Scrolling -Untertitel, um mutig zu sein
2. Zwei allgemeine Ereignisse, die vom Festzelt verwendet werden:Syntax: <Marquee Strong> </marquee>
Onmouseout = this.Start () wird verwendet, um die Maus so einzustellen, dass sie weiter scrollen, wenn sie sich aus diesem Bereich herauszieht.
Onmouseover = this.stop () wird verwendet, um die Maus so einzustellen, dass sie in diesem Bereich eingestellt werden.
<marquee onmouseout = this.start () onmouseover = this.stop ()> Zwei gemeinsame Ereignisse, die von Marquee </marquee> verwendet werden
Der vollständige Code lautet wie folgt:
<marquee id = affiche align = links verhalten = scroll bgcolor =#ff0000 DIRECTION = up Höhe = 300 Breite = 200 hspace = 50 vSpace = 20 loop = -1 scrolllamount = 10 scrolDelay = 100 onmouseout = this.start () onmouseover = this.stop ()>>>>>>>>>>>>>>
Obwohl es viele Parameter von <marquee> gibt, kann es doch keine komplexen und maßgeschneiderten Spezialseffekte erzielen, und es gibt Browserbeschränkungen. In mehr Fällen werden wir JavaScript verwenden, um einen Marquee -Scrolling -Effekt zu erzielen.
Dies ist der Artikel über den Effekt von nahtlosen Scrolling -Marquee -Tags in HTML. Hier geht es um diesen Artikel. Weitere verwandte Inhalte von nahtlosen Scrolling -Festzeln finden Sie in früheren Artikeln von Wulin.com oder stöbern Sie weiter unten in den folgenden Artikeln. Ich hoffe, jeder wird Wulin.com in Zukunft unterstützen!