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

Detaillierter Installationsprozess und grundlegende Verwendung von MySQL unter Windows

Inhaltsverzeichnis 1. MySQL herunterladen 2. MySQ...

Diagramm des Bereitstellungs- und Installationsprozesses in der Java+Tomcat-Umgebung

Als nächstes werde ich Java+Tomcat auf Centos7 in...

MySQL-Triggerprinzip und Analyse von Anwendungsbeispielen

Dieser Artikel erläutert anhand von Beispielen di...

Multiservice-Image-Packaging-Vorgang von Dockerfile unter Aufsicht

Schreiben einer Docker-Datei Konfigurieren Sie di...

Schritte zum Bereitstellen eines Spring Boot-Projekts mit Docker

Inhaltsverzeichnis Erstellen Sie ein einfaches Sp...

Lösen Sie das Problem, dass Docker Pull zurückgesetzt wird

In diesem Artikel wird beschrieben, wie Sie das P...

Einführung und Zusammenfassung der MySQL 8.0-Fensterfunktionen

Vorwort Vor MySQL 8.0 war es ziemlich mühsam, Dat...

Verschiedene Methoden zum Implementieren der Eingabeaufforderungsfunktion eines Textfelds in HTML

Sie können das Attribut in HTML5 verwenden <inp...

Einführung in HTML für Frontend-Entwickler

1 Einführung in HTML 1.1 Erste Erfahrungen mit Co...

MySQL-Operator-Zusammenfassung

Inhaltsverzeichnis 1. Arithmetische Operatoren 2....

So verwenden Sie den Tencent-Schieberegler-Verifizierungscode im Vue3+Vue-cli4-Projekt

Einführung: Im Vergleich zu herkömmlichen Bildver...

Häufig verwendete JS-Funktionsmethoden im Frontend

Inhaltsverzeichnis 1. E-Mail 2. Mobiltelefonnumme...

Beheben Sie den 1251-Fehler beim Herstellen einer Verbindung zwischen MySQL und Navicat

Ich habe den Computer neu installiert und die neu...

64-Bit-CentOs7-Quellcodeinstallation MySQL-5.6.35 Prozessfreigabe

Installieren Sie zuerst die abhängigen Pakete, um...

HTML + CSS + JS-Beispielcode zur Nachahmung des Helligkeitsanpassungseffekts von Win10

HTML + CSS + JS imitieren den Helligkeitsanpassun...