Cet article décrit la simple mise en œuvre de l'effet de défilement transparent de JS. Partagez-le pour votre référence, comme suit:
<! doctype html> <ititle> javascript seamless scroll </ title> <meta charset = "utf-8" /> <meta name = "keywords" contenu = "javascript seamless scroll" /> <meta name = "description" content = contenu = "Microsoft Yahei", kaiti_gb2312, simsun} #Marquee {position: relative; Largeur: 400px; débordement: caché; Border: 10px solide # 8080C0; } #Marquee img {border: 0px; } #Marquee DL, #Marquee dt, #Marquee dd, #Marquee a {float: Left; marge: 0; rembourrage: 0; } #Marquee dl {largeur: 1000%; hauteur: 150px; } </ style> <script type = "text / javascript"> var marquee = function (id) {try {document.execcommand ("backgroundImageCache", false, true); } catch (e) {}; var conteneur = document.getElementById (id), original = contener.getElementsByTagName ("dt") [0], clone = contener.getElementsByTagName ("dd") [0], speed = arguments [1] || 10; clone.innerhtml = original.innerhtml; contener.scrollleft = clone.offsetleft var rolling = function () {if (contener.scrollleft == 0) {contener.scrollleft = clone.offsetLeft; } else {contener.scrollleft--; }} var timer = setInterval (Rolling, Speed) // Set Timer Container.OnMouseOver = function () {ClearInterval (Timer)} // Lorsque la souris se déplace vers le marquee, effacez la minuterie et arrête de défiler Container. function () {marquee ("marquee");} </cript> <h1> javascript seamless Scroll (Scroll vers la droite) </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 / 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" / <aMg src = "img / o_s022. <a href = "###"> <img src = "img / o_s022.jpg" /> </a> <a href = "###"> <img src = "img / o_s022.jpg" /> </a> <a href = "###"> <img src = "img / o_s023.jp" </dt> <dd> </dd> </dl> </div>Les rendus sont les suivants:
Pour plus d'informations sur le contenu lié à JavaScript, veuillez consulter les sujets de ce site: "Résumé des effets et techniques de commutation JavaScript", "Résumé des effets et techniques de recherche JavaScript", "Résumé des erreurs Javascript et des techniques de débogage" Algorithmes et techniques de traversée JavaScript ", et" Résumé de l'utilisation des opérations mathématiques JavaScript "
J'espère que cet article sera utile à la programmation JavaScript de tous.