слайд javascript slick_accessible_slideshow slick_accessible_slideshow
-
06-09-2019 - |
Вопрос
у меня есть три div на HTML-странице.страница выглядит следующим образом
HTML-страница:
leftArrow(>) div rightArrow(<)
мне нужно переместить div слева направо и справа налево.использование javascript и DHTMl
или jQuery.
Возможно ли двигаться в этом направлении ?
Нет правильного решения
Другие советы
Да, это возможно, я делал это в прошлом без использования jQuery.
У меня есть следующая разметка:
<div id="HorThumbs" style="overflow:hidden;width:500px">
<div id="HorScroller" style="width:1000px">
//Data to be shown
</div>
</div>
var scrollStep=1;
var timerLeft,timerRight="";
function scrollDivLeft(id){
clearTimeout(timerRight);
document.getElementById(id).scrollLeft-=scrollStep;
timerRight=setTimeout("scrollDivLeft('"+id+"')",1);
}
function scrollRight(id){
clearTimeout(timerLeft);
document.getElementById(id).scrollLeft+=scrollStep;
timerLeft=setTimeout("scrollRight('"+id+"')",1);
}
Затем добавьте событие наведения курсора мыши к стрелкам влево и вправо, передав 'HorThumbs' в качестве идентификатора функции scrollDivLeft или scrollDivRight.
Взгляните на Плагин цикла jQuery.Он будет прокручиваться влево / вправо и позволяет нажимать кнопки "Предыдущий" / "Следующий".
Не связан с StackOverflow