1. Übersicht
Scrollenbilder in einer Schleife können der Webseite nicht nur dynamische Effekte hinzufügen, sondern auch den Seitenraum speichern und sicherstellen, dass auf begrenzten Seiten weitere Bilder angezeigt werden.
2. Technische Punkte
Die Hauptmethode wird verwendet, um den Schleifen -Scrolling -Effekt des Bildes zu erreichen. Das Syntaxformat der SetTimeOut () -Methode lautet wie folgt:
setTimeout (Funktion, Millisekunden, [Argumente])
Parameterbeschreibung:
A. Funktion: Der Name der benutzerdefinierten JavaScript -Funktion, die aufgerufen werden soll.
B. Millisekunden: Stellen Sie die Zeitüberschreitungszeit in Millisekunden fest.
Funktion: Nachdem die Zeitüberschreitungszeit vorbei ist, wird die Funktion aufgerufen. Dieser Wert kann mit der Funktion clearimeout () gelöscht werden.
A. Spezifische Implementierung
(1) Fügen Sie ein <div> Tag mit der ID -Attribut -Demo an der entsprechenden Position der Seite hinzu und fügen Sie eine Tabelle und das Bild hinzu, das im Tag angezeigt werden soll. Der Schlüsselcode lautet wie folgt:
<div id = "Demo" style = "Überlauf: versteckt; Breite: 455px; Höhe: 166px;"> <table cellpacing = "0" cellpadding = "0"> <Tr> <td Valign = "Top" id = "marquepic1"> <! Align = "center"> <%für (int i = 1; i <8; i ++) {%> <td> <img src = "Bilder/<%= i%>. JPG"> </td> <%}%> </tr> </table> </td> <td id = "marquepic2"> </tdd> </tabl> </table> </table> </table(2) Schreiben Sie eine benutzerdefinierte JavaScript -Funktion Move (), um einen ununterbrochenen Bildschleifen -Scrolling -Effekt zu erzielen. Je größer der Geschwindigkeitswert ist, desto schneller scrollt das Bild. Der spezifische Code lautet wie folgt:
<script Language = "JavaScript"> var speed = 30; // Setzen Sie die Intervallzeit marquepic2.innerhtml = marquepic1.innerhtml; var document = document.getElementById ("Demo"); // DEMO-Objektfunktion marquee (n) {// Methode zur Realisierung von Bildschleifen-Scrolling if (marquepic1.Offsetwidththemo.scrollleft <= 0) {Demo.scrollleft = 0; } else {Demo.Scrollleft = Demo.Scrollleft+n;}} var mymar = setInterval ("marquee (5)", Geschwindigkeit); Demo.onmouseover = function () {// SCROLLING CLECROLLING AUSGABEN) MYMAR = setInterval ("Marquee (5)", Geschwindigkeit);} </script>Das obige ist das relevante Wissen über den JavaScript -Code, den der Editor Ihnen vorgestellt hat, um den Bildschleifen -Scrolling -Effekt zu verwirklichen. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!