0

HTML ページに 3 つの div があります。ページは次のようになります

HTML ページ:

   leftArrow(>)   div   rightArrow(<)

div を左から右、右から左に移動する必要があります。JavaScript と DHTMl を使用する

またはJQuery。

その方向に移動することは可能ですか?

4

2 に答える 2

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 関数に渡します。

于 2009-06-01T09:43:09.690 に答える
0

jQuery サイクル プラグインを見てください。左/右にスクロールし、前/次のボタンを許可します。

于 2009-06-01T10:50:17.230 に答える