可自訂速度的js圖片無縫滾動範例分享_javascript技巧

思路：

一組圖片 控制它的捲軸進行滾動 且此時對這組圖片進行複製並添加進原圖片組中，現在就有兩組圖片了。你可以想像一下，現在滾動條繼續滾動，原來那組圖片最後一張圖片已經滾至頂端且消失，複製的那組圖片的第一張跟在原圖最後一張圖片後出現，此時你就能感覺到無縫滾動了。

複製代碼 代碼如下:

-/html/PUBL "IC DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


   
   
   

  //0:定速
  var speed = 30;
  //1:取得元素  demo demo1 demo2
  var demo = $("#demo");
  var demo1 = $ ("#demo1");
  var demo2 = $("#demo2");
  //2:複製demo1-->demo2
  var cont = $("#demo1").html( );
  $("#demo2").html(cont);

 
  //3:建立方法定時執行
  function hello(){
  ("#demo").scrollLeft();
  if(left >= $("#demo1").width()){
   left = 0;
  }else{
   left ;
  }
  $("#demo").scrollLeft(left);

 setTimeout("hello()",speed);
  }
  hello();  //   移動demo.scrollLeft();