1. Обзор
Прокрутка изображений в цикле может не только добавить динамические эффекты на веб -страницу, но и сохранить пространство страниц и эффективно гарантировать, что на ограниченных страницах отображается больше изображений.
2. Технические моменты
Основной метод используется для достижения эффекта прокрутки петли изображения. Формат синтаксиса метода setTimeout () выглядит следующим образом:
settimeout (функция, миллисекунд, [аргументы])
Описание параметра:
а Функция: имя пользовательской функции JavaScript, которая будет вызвана.
беременный Milliseconds: установите время ожидания в миллисекундах.
Функция: После окончания времени ожидания функция вызывается. Это значение может быть очищено с помощью функции cleartimeout ().
3. Конкретная реализация
(1) Добавьте тег <viv> с демоверсией атрибута идентификатора в соответствующей позиции страницы и добавьте таблицу и изображение, которое будет отображаться в теге. Ключевой код заключается в следующем:
<div id = "demo" style = "переполнение: скрыто; ширина: 455px; высота: 166px;"> <table cellpacing = "0" cellpadding = "0"> <tr> <td valign = "top" id = "marquepic1"> <!-Picture to Scroll-> <table align = "cellpadding =" 0 "0". align = "center"> <%для (int i = 1; i <8; i ++) {%> <td> <img src = "Images/<%= i%>. jpg"> </td> <%}%> </tr> </table> </td> <td id = "marquepic2"> </td> </tra> </tra> </tra> </tra> </trt> </tr.(2) Напишите пользовательскую функцию JavaScript move () для достижения непрерывного эффекта прокрутки цикла изображения. Чем больше значение скорости, тем быстрее прокручивает изображение. Конкретный код заключается в следующем:
<script language = "javascript"> var speed = 30; // Установить интервал времени marquepic2.innerhtml = marquepic1.innerhtml; var demo = document.getelementbyid ("demo"); // Получить функцию демонстрации объекта marquee (n) {// Метод реализации прокрутки цикла изображения if (marquepic1.offsetwidth-demo.scrollleft <= 0) {demo.scrollleft = 0; } else {demo.scrollleft = demo.scrollleft+n;}} var mymar = setInterval ("marquee (5)", speed); demo.onmouseover = funct Mymar = setInterval ("marquee (5)", speed);} </script>Выше приведено соответствующие знания о коде JavaScript, который редактор представил вам, чтобы реализовать эффект прокрутки цикла изображения. Я надеюсь, что это будет полезно для вас. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит вам вовремя. Большое спасибо за вашу поддержку сайту wulin.com!