Implementierungscode für die nahtlose Verbindung des Div-Bildlaufbands

Implementierungscode für die nahtlose Verbindung des Div-Bildlaufbands

Code kopieren
Der Code lautet wie folgt:

<html>
<Kopf>
<style type="text/css">
<!--
#demo {
Hintergrund: keine Wiederholung, Scrollen 0 0 #FFFFFF;
Rand: 1px durchgezogen #98CBFF;
Rand unten: 10px;
Rand links: 5px;
Überlauf: versteckt;
Polsterung: 0 0 5px;
Breite: 948px;
}
#demo img {
Rand: 3px durchgezogen #F2F2F2;
}
#indemo {
schweben: links;
Breite: 800 %;
}
#demo1 {
schweben: links;
}
#demo2 {
schweben: links;
}
.Kasten {
Rand: 1px durchgezogen #98CBFF;
schweben: links;
Rand: 7px 10px;
Überlauf: versteckt;
Polsterung: 5px;
Breite: 150px;
}
-->
</Stil>
</Kopf>
<Text>

Bild scrollt nahtlos nach links Scrollt nach links

Code kopieren
Der Code lautet wie folgt:

<div id="demo">
<div id="indemo">
<div id="demo1">
<div Klasse="Box">
<a href="#"><img src="upload/2022/web/Clear_logo.gif" border="0" /></a>
<p>Ihre Nummer</p>
Hallo
</div>
<div Klasse="Box">
<a href="#"><img src="upload/2022/web/Clear_logo.gif" border="0" /></a>
<p>Idiot</p>
dumm
</div>
<div Klasse="Box">
<a href="#"><img src="upload/2022/web/Clear_logo.gif" border="0" /></a>
</div>
</div>
<div id="demo2"></div>
</div>
</div>
<Skript>
<!--
var speed=10; //Je größer die Zahl, desto langsamer die Geschwindigkeit
var tab = document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2 = document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
Funktion Marquee(){
wenn(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft -=tab1.offsetWidth
anders{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,Geschwindigkeit);
tab.onmouseover=function() {clearInterval(MeinMar)};
tab.onmouseout=Funktion() {MyMar=setInterval(Marquee,Geschwindigkeit)};
-->
</Skript>
</body>
</html>

<<:  MySQL extrahiert interne JSON-Felder und gibt sie als Zahlen aus.

>>:  Linux-Swap-Partition (ausführliche Erklärung)

Artikel empfehlen

Detaillierte Erklärung zum effizienten Importieren mehrerer SQL-Dateien in MySQL

MySQL bietet mehrere Möglichkeiten, mehrere SQL-D...

Detaillierte Analyse des Problems der Groß-/Kleinschreibung von Bezeichnern in MySQL

In MySQL kann das Problem der Groß- und Kleinschr...

Zeilen- und spaltenübergreifende Operationen in HTML-Tabellen (Rowspan, Colspan)

Im Allgemeinen wird das Colspan-Attribut des <...

Methoden und Probleme bei der Installation von MariaDB in CentOS unter MySQL

Löschen Sie die zuvor installierte MariaDB 1. Ver...

Vue implementiert eine Countdown-Schaltfläche für den Bestätigungscode

In diesem Artikelbeispiel wird der spezifische Co...

Node.js verwendet die Express-Fileupload-Middleware zum Hochladen von Dateien

Inhaltsverzeichnis Initialisieren des Projekts Sc...

Detaillierte Erläuterung der Idee, mysqldump + expect + crontab zur Implementierung eines regelmäßigen MySQL-Cold-Backups unter Linux zu verwenden

Inhaltsverzeichnis 1. Aufgetretene Probleme 2. Id...

Einfaches Schreiben von gespeicherten MySQL-Prozeduren und -Funktionen

Was ist eine gespeicherte Prozedur? Einfach ausge...

Warum sollte CSS im Head-Tag platziert werden?

Denken Sie darüber nach: Warum sollte css im head...

Ein Beispiel für die Berechnungsfunktion calc in CSS im Website-Layout

calc ist eine Funktion in CSS, die zum Berechnen ...

Mehrere Möglichkeiten zur Implementierung eines zweispaltigen Layouts mit fester Breite links und adaptiver Breite rechts mithilfe von CSS

7 Möglichkeiten, mit CSS ein zweispaltiges Layout...

Json-String + Cookie + lokaler Speicher in JS

Inhaltsverzeichnis 1.JSON-Zeichenfolge 1.1Json-Sy...

Zusammenfassung der XHTML-Anwendung im Webdesign-Studium

<br />Im Allgemeinen ist die Dateiorganisati...

Detaillierte Diskussion mehrerer Methoden zur Deduplizierung von JavaScript-Arrays

Inhaltsverzeichnis 1. Deduplizierung einrichten 2...

So kommunizieren Sie zwischen dem WIN10-System und der internen Container-IP von Docker

1. Nach der Installation der Windows-Version von ...