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

Eine detaillierte Diskussion der Komponenten in Vue

Inhaltsverzeichnis 1. Komponentenregistrierung 2....

Einführung in das Fokuselement document.activeELEment in JavaScript

Inhaltsverzeichnis 1. Der Fokus liegt standardmäß...

Implementierung des Markdown-Renderings in einer Vue-Einzelseitenanwendung

Beim Rendern von Markdown habe ich zuvor den Vors...

CSS realisiert den Maskeneffekt, wenn die Maus über das Bild bewegt wird

1. Setzen Sie den HTML-Code der Maskenebene und d...

So fügen Sie Docker dynamisch Ports hinzu, ohne das Image neu zu erstellen

Manchmal müssen Sie während des Betriebs freigege...

jQuery implementiert alle Warenkorbfunktionen

Inhaltsverzeichnis 1. Alles auswählen 2. Erhöhen ...

Deaktivieren der AutoVervollständigen-Funktion im Eingabefeld

Jetzt können wir ein Eingabeattribut namens „Autov...

Implementierung des CSS-Ladeeffekts Pac-Man

emmm, der Name ist nur eine zufällige Vermutung 2...

Einführung in Jenkins und wie man Jenkins mit Docker bereitstellt

1. Verwandte Konzepte 1.1 Jenkins-Konzepte: Jenki...

Linux nutzt duale Netzwerkkartenbindung und Schraubendreherschnittstelle

Was ist eine Bindung? NIC-Bond ist eine Technolog...