javascript 幻灯片 slick_accessible_slideshow答案

【问题标题】：javascript slide slick_accessible_slideshowjavascript 幻灯片 slick_accessible_slideshow
【发布时间】：2009-06-01 09:29:02
【问题描述】：

我在一个 HTML 页面中有三个 div。页面是这样的

HTML 页面：

   leftArrow(>)   div   rightArrow(<)

我需要将 div 从左向右和从右向左移动。使用 javascript 和 DHTMl

或 JQuery。

是否可以朝那个方向移动？

【问题讨论】：

标签： javascript jquery html css dhtml

【解决方案1】：

是的，有可能，我过去没有使用 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);
}

然后向左右箭头添加一个 MouseOver 事件，将“HorThumbs”作为 Id 传递给 scrollDivLeft 或 scrollDivRight 函数。

【讨论】：

【解决方案2】：

看看jQuery cycle plugin。它将向左/向右滚动并允许上一个/下一个按钮。

【讨论】：