Dieser Artikel beschreibt die einfache Implementierung des nahtlosen Bildlaufeffekts von JS. Teilen Sie es für Ihre Referenz wie folgt weiter:
<! docType html> <title> JavaScript Seamless Scroll < /title> <meta charset = "utf-8" /> <meta name = "keywords" content = "javascript Seamless Scroll" /> <meta name = "Beschreibung" Inhalt "Inhalt" JavaScript Seamless Scroll " /> <style type" /text /c. /CSS " /CSE /CSE /CSS" /CHET /CSE /CSS "> H1 {{400 16p" /> <style type " /text /cs. "Microsoft Yahei", Kaiti_GB2312, Simsun} #Marquee {Position: Relativ; Breite: 400px; Überlauf: versteckt; Grenze: 10px Solid #8080c0; } #Marquee img {Border: 0px; } #Marquee DL, #Marquee DT, #Marquee DD, #Marquee a {float: links; Rand: 0; Polsterung: 0; } #Marquee dl {width: 1000%; Höhe: 150px; } </style> <script type = "text/javaScript"> var marquee = function (id) {try {document.execcommand ("backgroundImageCache", false, true); } catch (e) {}; var container = document.getElementById (id), original = container.getElementsByTagName ("dt") [0], clone = container.getElementsByTagName ("dd") [0], Speed = Argumente [1] || 10; Clone.InnerHtml = original.InnerHtml; Container.ScrollLeft = Clone.OffsetLeft var rolling = function () {if (container.scrollLeft == 0) {container.scrollleft = clone.offsetLeft; } else {Container.ScrollLeft--; }} var timer = setInterval (rollen, Geschwindigkeit) // Timer Container einstellen. function () {marquee ("marquee");} </script> <h1> JavaScript nahtloser Scroll (scrollen nach rechts) </h1> <div id = "marquee"> <dl> <dt> <a href = "###"> <img Src = "img/o_s017.jpg"/<a.a. href = "###"> <img src = "img/o_s018.jpg"/> </a> <a href = "###"> <img src = "img/o_s018.jpg"/> </a> <a href = "###"> <iMg Src = "IMG Src =" - -> <iMg Src = "IMg /g /g/O_s019. <a href="###"><img src="img/o_s020.jpg"/></a> <a href="###"><img src="img/o_s021.jpg"/></a> <a href="###"><img src="img/o_s022.jpg"/></a> <a href = "###"> <img src = "img/o_s022.jpg"/> </a> <a href = "###"> <img src = "img/o_s022.jpg"/> </a> <a href = "###"> <iMg Src = "/###"> <iMg Src = "/i_s023." </dt> <dd> </dd> </dl> </div>Die Renderings sind wie folgt:
Weitere Informationen zu javaScriptbezogenen Inhalten finden Sie in den Themen dieser Website: "Zusammenfassung der JavaScript -Switching -Effekte und -Techniken", "Zusammenfassung der Fähigkeiten der JavaScript -Suchalgorithmus", "Zusammenfassung der JavaScript -Animationseffekte und -Techniken", "Zusammenfassung von JavaScript -Fehler und Debugging -Techniken", Summary of Javacript -Daten und Algorith -Fähigkeiten "," Summary of Javacript Data Structures "," Summary of Javacript Data Structures "" "" "" "" "" "" "" "" "" " JavaScript -Traversalalgorithmen und -techniken "und" Zusammenfassung der Nutzung von JavaScript -Mathematischen Operationen "
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.