В этой статье описывается простая реализация бесшовного эффекта прокрутки JS. Поделитесь этим для вашей ссылки, следующим образом:
<! Doctype html> <title> javascript seamless Scroll < /title> <meta charset = "utf-8" /> <meta name = "Keywords" Content = "javascript smeamless scroll" /> <meta name = "Описание" Content = "javascript seamless Scroll" /> style = "text /css"> h1 {font. Yahei ", kaiti_gb2312, simsun} #marquee {позиция: относительно; Ширина: 400px; переполнение: скрыто; Граница: 10px Solid #8080C0; } #marquee img {border: 0px; } #marquee dl, #marquee dt, #marquee dd, #marquee a {float: left; поля: 0; Заполнение: 0; } #marquee dl {width: 1000%; Высота: 150px; } </style> <script type = "text/javascript"> var marquee = function (id) {try {document.execcommand ("founalImageCache", false, true); } catch (e) {}; var container = document.getElementbyId (id), original = container.getElementsbytagname ("dt") [0], clone = container.getelementsbytagname ("dd") [0], speed = аргументы [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 (rolling, speed) // set timer intainer.onmouseover = function () {clearInterval (timer)} // Когда мышь перемещается в шатер, очистите таймер и останавливается контейнер. function () {marquee ("marquee");} </script> <h1> javaScript Seamless Scrolk (прокрутка справа) </h1> <div id = "marquee"> <dl> <dt> <a href = "##"> <img src = "img/o_s017.jpg"/> href = "###"> <img src = "img/o_s018.jpg"/> </a> <a href = "###"> <img src = "img/o_s018.jpg"/> </a> <a href = "###"> <img src = "/> </a> <a href =" ## " <a href = "###"> <img src = "img/o_s020.jpg"/> </a> <a href = "###"> <img src = "img/o_s021.jpg"/> </a> <a href = "###"> <img src = "/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.j. </dt> <dd> </dd> </dl> </div>Рендеринги следующие:
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 »и« Сводка использования математических операций JavaScript ».
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.