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

Was Sie beim Schreiben selbstschließender XHTML-Tags beachten sollten

Das img-Tag in XHTML ist ein sogenanntes selbstsc...

So verwenden Sie Elemente in React-Projekten

Dies ist mein erstes Mal, dass ich das Element-Fr...

W3C Tutorial (16): Weitere W3C Aktivitäten

Dieser Abschnitt bietet einen Überblick über eini...

js-Methode zur Realisierung der Warenkorbberechnung

In diesem Artikelbeispiel wird der spezifische Co...

...

Detaillierte Erläuterung des Beispiels einer MySQL-Einzeltabellenabfrage

1. Daten vorbereiten Die folgenden Operationen we...

jQuery implementiert den Tabellen-Paging-Effekt

In diesem Artikel wird der spezifische Code von j...

Ein Artikel zum Verständnis der Verwendung von typeof in js

Inhaltsverzeichnis Base Rückgabetyp String und Bo...

Webinterview: Benutzerdefinierte Vue-Komponenten und Aufrufmethoden

Import: Aufgrund der Projektanforderungen werden ...

Das WeChat-Applet implementiert den Serveraufbau des Benutzeranmeldemoduls

Ich habe node.js zum Erstellen des Servers gewähl...

Referenz zur MySQL-Optimierungslösung

Probleme, die bei der Optimierung auftreten könne...

Detaillierte Untersuchung von vue2.x - Erklärung der h-Funktion

Inhaltsverzeichnis Lösung, Zusammenfassen: Vue-Pr...