Lassen Sie Ihren Text mit dem Marquee-Attribut in HTML tanzen
|
Syntax: <marquee> …</marquee> Mithilfe des mobilen Attributs „Marquee“ können Sie Ihren Text nicht nur tanzen lassen, sondern auch auf Bilder, Tabellen usw. anwenden. <marquee direction=left>Willkommen beim Kexun Youth Learning Channel! </Festzelt> direction=left, gibt die Richtung an. Der Texteffekt oben lautet „Willkommen beim Kexun Youth Learning Channel!“ und bewegt sich von rechts nach links! Darüber hinaus sind die Richtungen rechts, oben und unten zu nennen. Neben der Richtung können wir weitere einschränkende Elemente hinzufügen: Fortbewegungsmöglichkeiten: Schleifenbewegung: loop = n (n gibt die Anzahl an) Kreisförmige Bewegung: behavior = scroll Nur einmalige Bewegung: behavior = slide Vor- und zurückbewegen: behavior = alternate Aussehen: Schriftgröße: <font size=n> (n, variabel) Ausrichtung: align=top/middle/bottom Hintergrundfarbe: bgcolor=Blue (vordefinierte Farben, wie: Schwarz, Oliv, Blaugrün, Rot, Blau, Kastanienbraun, Marineblau, Grau, Limettengrün, Fuchsia, Weiß, Grün, Lila, Silber, Gelb, Aquamarin oder Hexadezimalzahlen) andere: Geschwindigkeit: scrollmount=n(n, variabel) Verzögerung: scrolldelay==n(n, variabel) <marquee direction="Bewegungsrichtung" height="Höhe des Bewegungsbereichs" width="Breite des Bewegungsbereichs" scrollamount="Bewegungsgeschwindigkeit" onmouseover=this.stop() onmouseout=this.start()>" onmouseover stellt die Maus so ein, dass sie ihre Bewegung pausiert, wenn sie sich im Bewegungsbereich befindet onmouseout Weiter scrollen, wenn die Maus weggeht Verwenden Sie Laufschriftcode, um Text- und Bildlauf zu implementieren Heute habe ich die Einstellung für Lauftext auf TAP gesehen! Es scheint, dass es vorher nicht unterstützt wurde. Vielleicht habe ich es nicht benutzt! Haha, lass mich dir die Wirkung zeigen! Nachfolgend finden Sie eine Code-Erklärung des Scrolling Text Bulletin Boards von TAP Auswahlparameter: BGColor: Die Hintergrundfarbe des Lauftextfelds. Richtung: Einstellung der Scrollrichtung, Sie können zwischen links, rechts, oben und unten wählen. scrolldelay: Die Verzögerungszeit zwischen jedem Scrollen. Je größer der Wert, desto langsamer das Scrollen. scrollamount: Die Gesamtzeit für einen Bildlauf. Je kleiner die Zahl, desto langsamer der Bildlauf. Verhalten: Der Scrollmodus wird eingestellt. Es gibt drei mögliche Werte: Scroll (kreisförmiges Scrollen), Slide (einzelnes Scrollen) und Alternate (vor- und zurückscrollen). Ausrichten: Einstellungen für die Textausrichtung. Sie können zwischen „Mitte“, „Unten“ und „Oben“ wählen. Breite: Die Breite des scrollbaren Textfelds. Geben Sie einen Wert ein und wählen Sie über das Optionsfeld dahinter die Option in Pixeln oder Prozent aus. Höhe: Die Höhe des Scroll-Textfelds. Geben Sie einen Wert ein und wählen Sie über das Optionsfeld dahinter die Höhe in Pixeln oder Prozent aus. Schleife: Die Anzahl der Scrollvorgänge. Der Standardwert ist unendlich hspace, vspace: Leerzeilen davor und danach sowie darüber und darunter. Die folgende Demonstration ist meine Bulletin-Board-Demonstration: Sie können den Effekt in der unteren rechten Ecke sehen! Wenn es Dir gefällt! Kopieren Sie den Code und ersetzen Sie ihn im obigen Code, um den Effekt zu sehen! Effekt 1: Text scrollt nach oben Code kopieren Der Code lautet wie folgt:<Marquee Richtung="nach oben" Schleife="-1" Scrollamount="4"> <div ausrichten="links"> </div><center> <font color="#008000"></font></center><div align="left"> </div><center><p><font color="#ff6600">Site-Ankündigung</font></p> <p><font color="#ff4500">Willkommen bei Xiaojun Resources</font></p> <p><font color="#ff4500">Hier teilen wir mit Ihnen die neuesten kostenlosen Ressourcen und Informationen,</font></p> <p><font color="#ff4500">Ich hoffe, es gefällt Ihnen, Ihre Unterstützung ist meine größte Motivation!</font></p> <p><font color="#ff4500">Wenn Sie Vorschläge haben, lassen Sie es mich bitte wissen! </font></p> <p><font color="#ff4500">Die Ressourcen auf dieser Site stammen aus dem Internet, wenn sie Ihre Rechte verletzen! </font></p> <p><font color="#ff4500"></font></p> <font color="#ff4500"><p><font color="#ff3300">Danke für Ihre Unterstützung, Xiaojun ist dank Ihnen wunderbar</font> </p></font></center><font color="#ff4500"></font></marquee> Effekt 2: Text scrollt nach links <marquee direction="left" loop="-1">[Ankündigung] Einige Tutorials stammen ursprünglich von Tap Knows. Bitte geben Sie beim Nachdruck die Quelle an! </Festzelt> Bildlaufcode: Code kopieren Der Code lautet wie folgt:<marquee direction="lift" loop="-1" scrollamount="20" width="500" height="210"> <a href="http://jun51.tap.cn/" target="_blank"><img height="200" width="300" src="upload/2022/web/CC6169D8EE67719C4299B0740123325E.jpg"/><img height="200" width="300" src="upload/2022/web/EB965C39B9A8B63AE3908267DD6C45C8.jpg"/><img height="200" width="300" src="upload/2022/web/676E5C63EA319EEABCCB6D03C19121D4.jpg"/> </Festzelt> Fügen Sie einfach so viel hinzu, wie Sie möchten! Es scheint jedoch, dass beim Browsen einige Anzeigeeffekte auftreten! Ich schlage vor, Sie verwenden Google, es funktioniert großartig! |
>>: Detaillierte Erläuterung der Transaktionsisolationsebenen in den MySql-Studiennotizen
Artikel empfehlen
Das WeChat-Applet implementiert einen einfachen Chatroom
In diesem Artikel wird der spezifische Code des W...
So installieren Sie Docker unter Windows Server 2016
Kürzlich hat Microsoft Windows Server 2016 veröff...
Verwenden Sie einige Interviewfragen, um den Ausführungsmechanismus von JavaScript zu untersuchen
Inhaltsverzeichnis Vorherige Wörter Synchron und ...
Über den Fehler des Better-Scroll-Plug-Ins, der nicht gleiten kann (gelöst durch Plug-In im Jahr 2021)
Better-Scroll-Bildlaufprinzip Als übergeordneter ...
JavaScript implementiert einen langen Bild-Scroll-Effekt
In diesem Artikel wird der spezifische Code für d...
Eine kurze Zusammenfassung von Vue Keep-Alive
1. Funktion Wird hauptsächlich verwendet, um den ...
Reduzieren Sie die Speicher- und CPU-Auslastung durch die Optimierung von Webseiten
Manche Webseiten erscheinen möglicherweise nicht g...
Beispiel für die Verwendung des href-Attributs und des onclick-Ereignisses eines Tags
Das „a“-Tag wird hauptsächlich verwendet, um Seit...
Einige Funktionen der Verwendung von tcpdump zum Erfassen von Paketen in der Linux-Befehlszeile
tcpdump ist ein flexibles und leistungsstarkes To...
Beheben Sie das Problem, dass nach der Installation von Centos7 in VMware kein Ping an das externe Netzwerk möglich ist
Beim Konfigurieren eines Clusters ist ein Problem...
Detaillierte Erläuterung der allgemeinen Docker-Befehle Study03
Inhaltsverzeichnis 1. Hilfe-Befehl 2. Befehl „Spi...
JS realisiert einfachen Bildkarusselleffekt
In diesem Artikel wird der spezifische JS-Code zu...
Detaillierte Erklärung der GaussDB zur MySQL-Leistungsoptimierung
Inhaltsverzeichnis Hintergrund Inspiration kommt ...
JavaScript implementiert das Klassenlotterie-Applet
In diesem Artikel wird der spezifische JavaScript...
Analyse der Vor- und Nachteile von gespeicherten MySQL-Prozeduren
MySQL Version 5.0 begann, gespeicherte Prozeduren...