HTML verwendet Laufschrift, um Text nach links und rechts scrollen zu lassen

HTML verwendet Laufschrift, um Text nach links und rechts scrollen zu lassen

Code kopieren
Der Code lautet wie folgt:

<KÖRPER>
//Mit Hilfe von Marquee
<MARQUEE behavior="scrollen" contenteditable="true" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" scrollamount="3" width="100">
<SPAN unselectable="on">Hier ist der Inhalt zum Scrollen</SPAN>
</MARQUEE>

//Gewöhnliche Implementierungsmethode
<DIV id="scrollobj" style="white-space:nowrap;overflow:hidden;width:500px;">
<span>Hier ist der Inhalt zum Scrollen</span>
</DIV>
<script language="javascript" type="text/javascript">
Funktion scrollen(Objekt) {
var tmp = (obj.scrollLeft)++;
//Wenn die Bildlaufleiste oben rechts ankommt
wenn (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML;
//Wenn die Bildlaufleiste die Breite des ursprünglichen Inhalts durchläuft, kehrt die Bildlaufleiste zum äußersten linken Ende zurück
wenn (obj.scrollLeft>=obj.firstChild.offsetWidth) obj.scrollLeft=0;
}
setInterval("scroll(document.getElementById('scrollobj'))",20);
</Skript>
</BODY>

<<:  Ein praktischer Bericht über einen durch den MySQL-Start verursachten Unfall

>>:  Verwendung der VUE-Renderfunktion und ausführliche Erklärung

Artikel empfehlen

MySQL Server IO 100 % Analyse- und Optimierungslösung

Vorwort Während des Stresstests besteht das unmit...

So begrenzen Sie die Anzahl gleichzeitiger Verbindungsanforderungen in Nginx

Einführung Das Modul, das die Anzahl gleichzeitig...

Fragen und Antworten: Unterschiede zwischen XML und HTML

F: Ich weiß nicht, was der Unterschied zwischen XM...

So richten Sie Windows Server 2019 ein (mit Bildern und Text)

1. Installation von Windows Server 2019 Installie...

Spezifische Verwendung von Vues neuem Spielzeug VueUse

Inhaltsverzeichnis Vorwort Was ist VueUse Einfach...

So installieren und verwenden Sie Cockpit unter CentOS 8/RHEL 8

Cockpit ist ein webbasiertes Serververwaltungstoo...

Zusammenfassung der Situationen, in denen MySQL-Indizes nicht verwendet werden

Indextypen in MySQL Im Allgemeinen können sie in ...

Methode zur Verhinderung von SSH-Cracking auf Linux-Servern (empfohlen)

1. Der Linux-Server konfiguriert /etc/hosts.deny ...

Natives JS zur Implementierung eines atmenden Karussells

Heute zeige ich Ihnen ein mit nativem JS implemen...