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 Erläuterung der Rolle der Standarddatenbank nach der MySQL-Installation

Wenn Sie MySQL kennen, werden Sie feststellen, da...

Antd + vue realisiert die Idee der dynamischen Überprüfung kreisförmiger Attributformen

Ich hoffe, einige Eigenschaften des Abfrageformul...

Einführung von Symbolen durch Implementierung benutzerdefinierter Komponenten auf Basis von Vue

Vorwort Bei der Projektentwicklung gibt es viele ...

Eine kurze Diskussion darüber, ob zu viele MySQL-Datenabfragen OOM verursachen

Inhaltsverzeichnis Auswirkungen eines vollständig...

jQuery implementiert die Drop-Down-Box zur Auswahl des Wohnortes

Der spezifische Code für die Verwendung von jQuer...

MySQL Dezimalzahl unsigned Update negative Zahlen in 0 umgewandelt

Heute habe ich bei der Überprüfung des Parallelit...

HTML-Lernhinweise – Detaillierte Erklärung der HTML-Syntax (unbedingt lesen)

1. Was ist die HTML-Auszeichnungssprache? HTML is...

Lösung für MySQL-Verbindungsausnahme und Fehler 10061

MySQL ist ein relationales Datenbankverwaltungssy...

So konfigurieren Sie Eureka im Docker

Heureka: 1. Erstellen Sie ein JDK-Image Starten S...

Tutorial zur Installation von MySQL unter CentOS7

Vor kurzem habe ich vor, eine Cloud-Festplatte au...

Einführung in den Vue-Lebenszyklus und detaillierte Erklärung der Hook-Funktionen

Inhaltsverzeichnis Einführung in den Vue-Lebenszy...

Beschreibung der Grenzen und Bereiche zwischen MySQL

MySQL zwischen Grenzbereich Der Bereich zwischen ...

SSH-Portweiterleitung zur Erzielung einer Intranet-Penetration

Die Maschinen in unserem LAN können auf das exter...

Informationen zum Textumbruchproblem bei IE-Labels (LI)

Ich habe lange damit gekämpft und nach einiger Suc...

Detaillierte Erläuterung der MySQL-Datumszeichenfolgen-Zeitstempelkonvertierung

Die Konvertierung zwischen Zeit, Zeichenfolge und...