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

Wesentliche bedingte Abfrageanweisungen für MySQL-Datenbanken

Inhaltsverzeichnis 1. Grundlegende Grammatik 2. F...

Installationshinweise zur komprimierten Version von MySQL 5.7.17

In diesem Artikel werden die Installationsschritt...

Linux IO-Multiplexing Epoll-Netzwerkprogrammierung

Vorwort In diesem Kapitel werden grundlegende Lin...

Lösen Sie das Problem, dass der anonyme Upload und Download von Linux-FTP automatisch startet

Wenn Sie den FTP-Server häufig in Ihrem Studium o...

nginx+tomcat-Beispiel für den Zugriff auf das Projekt über den Domänennamen

Ich wollte wissen, wie ich mit einem Domänennamen...

Detaillierte Erläuterung der spezifischen Verwendung der ENV-Anweisung in Dockerfile

1. Die ENV-Anweisung im Dockerfile wird verwendet...

Reines CSS, um einen automatischen Rotationseffekt des Karussellbanners zu erzielen

Kommen wir ohne weitere Umschweife direkt zum Cod...

Detaillierte Erklärung des gesamten Prozesses zum Erstellen eines persönlichen Blogs mit nginx+WordPress

0x00 Einführung WordPress ist das beliebteste CMS...

Eine kurze Analyse des Unterschieds zwischen und und wo in der MySQL-Verbindungsabfrage

1. Erstellen Sie eine Tabelle CREATE TABLE `stude...

Implementierung von proxy_pass im Nginx-Reverse-Proxy

Das Format ist einfach: Proxy_Pass-URL; Die URL u...

Mehrere Lösungen zum Vergessen des MySQL-Passworts

Lösung 1 Deinstallieren Sie vollständig und lösch...

Lösung für die hohe CPU-Auslastung des Tomcat-Prozesses

Inhaltsverzeichnis Fall Kontextwechsel-Overhead? ...

Eine kurze Erläuterung der Syntax der VUE-Uni-App-Vorlage

1.v-bind (Abkürzung:) Um in Daten definierte Date...

Details zur MySQL-Sicherheitsverwaltung

Inhaltsverzeichnis 1. Vorstellen gemäß der Bestel...

Detaillierte Erläuterung der Leistungsoptimierung für MySQL-Batch-SQL-Einfügungen

Bei einigen Systemen mit großen Datenmengen beste...