Este artigo descreve a simples implementação do efeito de rolagem contínuo do JS. Compartilhe -o para sua referência, como segue:
<! doctype html> <title> javascript scroll sem costura < /title> <meta charset = "utf-8" /> <meta name = "palavras-chave" content = "javascript scroll sem costura" /> <meta name = "description" content = "javascript scroll" /> <estilo types = "textOs /cs /cs" " Yahei ", kaiti_gb2312, simsun} #marquee {posição: relativa; Largura: 400px; estouro: oculto; Border: 10px Solid #8080C0; } #marquee img {borda: 0px; } #marquee dl, #marquee dt, #marquee dd, #marquee a {float: esquerda; margem: 0; preenchimento: 0; } #marquee dl {width: 1000%; Altura: 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], velocidade = argumentos [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 (rolagem, velocidade) // Defina o timer container.onMouseOver = function () {ClearInterval (Timer)} // Quando o mouse se move para a marquise, limpe o timer e pare de rolagem de recipiente.onmouseout = function () {timer = setInterval (rolling, speed)}} {Marquise ("marquise");} </cript> <h1> javascript rolagem sem costura (role para a direita) </h1> <div id = "marquee"> <dl> <dt> <a href = "###"> <img src = "img/o_s017.jpg">#) src = "img/o_s018.jpg"/> </a> <a href = "###"> <img src = "img/o_s018.jpg"/> </a> <a href = "##"> <img src = "img/o_s019.jpg" ## "> <img src =" img/o_s019.JPG " href = "###"> <img src = "img/o_s020.jpg"/> </a> href = "###"> <img src = "img/o_s022.jpg"/> </a> </dt> <dd> </dd> </dl> </div>As renderizações são as seguintes:
For more information about JavaScript related content, please check out the topics of this site: "Summary of JavaScript switching effects and techniques", "Summary of JavaScript search algorithm skills", "Summary of JavaScript animation effects and techniques", "Summary of JavaScript errors and debugging techniques", "Summary of JavaScript data structures and algorithm skills", "Summary of Javascript Algoritmos e Técnicas de Traversal "e" Resumo do Uso do Javascript Mathematic Operations "
Espero que este artigo seja útil para a programação JavaScript de todos.