Heim >Web-Frontend >HTML-Tutorial >Verwenden Sie das Marquee-Attribut in HTML geschickt, um tanzenden Text zu realisieren
Syntax: Mit dem mobilen Attribut marquee können Sie Ihren Text nicht nur tanzen, sondern auch auf Bilder, Tabellen usw. anwenden.
direction=left, gibt die Richtung an. Der obige Texteffekt lautet „Willkommen beim Kexun Youth Learning Channel!“ Von rechts nach links bewegen! Darüber hinaus umfassen die Richtungen rechts, oben und unten.
Zusätzlich zur Richtung können wir auch andere restriktive Elemente hinzufügen:
Bewegungsmethode: Schleifenbewegung: Schleife=n (n, Angabe der Häufigkeit) Bewegung im Kreis: behaviour=scroll Nur einmal bewegen: behaviour=slide Vor- und zurückbewegen: behaviour=alternate
Aussehen, Schriftgröße : (n, variabel) Ausrichtung: align=top/middle/unten
Hintergrundfarbe: bgcolor=Blau (vordefinierte Farben wie: Schwarz, Oliv, Blaugrün, Rot, Blau, Kastanienbraun,
Marine, Grau, Limette, Fuchsia, Weiß, Grün, Lila, Silber, Gelb, Aqua oder Hexadezimalzahl)
Andere: Geschwindigkeit: scrollamount=n (n, variabel) Verzögerung: scrolldelay ==n (n, Variable)
Verwenden Sie Marquee-Code, um das Scrollen von Text und Bildern zu implementieren
Ich habe heute die Einstellung für das Scrollen von Text in TAP gesehen! Ich habe es noch nie verwendet! Lassen Sie mich Ihnen den Effekt zeigen! Scroll-Textfeld. >Richtung: Scroll-Richtung, Sie können zwischen links, rechts, oben und unten wählen.Scroll-Verzögerung: Die Verzögerungszeit zwischen den einzelnen Scroll-Runden : Die Gesamtzeit eines Bildlaufs, desto kleiner die Zahl.
Verhalten: Bildlaufmoduseinstellung, drei Werte: Bildlauf (zyklisches Bildlauf), Alternate (Vor- und Zurückscrollen): Optionale Textausrichtungseinstellung (zentriert), Unten (zentriert) oder Oben (zentriert)
Breite: Die Breite des scrollenden Textfelds, geben Sie einen Wert ein und wählen Sie in Pixel (pixelweise) oder in Prozent (
Höhe: Die Höhe des Wählen Sie nach der Eingabe eines Werts „Pixel“ (in Pixeln) oder „Prozent“ (in Prozent) aus. Bei unendlichem
hspace: Leerzeilen davor und danach und unten.
Die folgende Demo ist meine Bulletin-Board-Demo: Wenn es Ihnen gefällt, kopieren Sie den Code und fügen Sie ihn in die obige Code-Erklärung ein 1: Text scrollt nach oben
Effekt 2: Text scrollt nach links