javascript幻灯片平滑\u可访问\u幻灯片放映

我在一个HTML页面中有三个div。页面看起来像这样

HTML页面：

   leftArrow(>)   div   rightArrow(<)

---

leftArrow（>）div rightArrow（是的，这是可能的，我以前没有使用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);
}


//待显示的数据
var-step=1；
var timerLeft，timerRight=“”；
函数左滚动（id）{
clearTimeout（timerRight）；
document.getElementById（id）.scrollLeft-=scrollStep；
timerRight=setTimeout（“scrollDivLeft（“+id+”）”），1）；
}
功能右滚动（id）{
清除超时（timerLeft）；
document.getElementById（id）.scrollLeft+=scrollStep；
timerLeft=setTimeout（“scrollRight（“+id+”）”），1）；
}

然后向左右箭头添加鼠标悬停事件，将“Hortumbs”作为Id传递给scrollDivLeft或scrollDivRight函数。
查看。它将向左/向右滚动，并允许上一个/下一个按钮