如何讓div滾動從右到左jQuery動畫？

我想讓圖像（和/或單幅廣告圖像）以一種幻燈片形式從右向左緩慢移動，然後在鼠標懸停時暫停。我也想要有左右箭頭來改變點擊幻燈片的方向。我不確定這是叫什麼或如何去做。如何讓div滾動從右到左jQuery動畫？

請幫忙。謝謝。

2012-06-14 user1272372

我有一種感覺，這個問題將不要和社區一起過得很好 – Huangism

我只想知道它叫什麼，所以我可以找到插件/代碼。 – user1272372

谷歌「jquery畫廊旋轉器」 – Huangism

使用scrollLeft來向左或向右滾動沒有太多與當前的問題，但一定會幫助其他用戶..

 $(document).ready(function() { 

    // Creating two Left Right Scroll Button through JQuery 
     var btnRht= $("<input type='button' id='btnLeft' value='>>' class='ButtonStyle' width='5px' />"); 
    var btnLeft = $("<input type='button' id='btnRight' value='<<' class='ButtonStyle' />"); 
      // appending buttons to a td inside a html div 
     $('#tdDoE').append(btnLeft); 
    $('#tdDoE').append(btnRht); 
    // Left/Rht Scroll scroll  
       $("#btnLeft").click(function() { 
       var leftPos = $('.DivDataMain').scrollLeft(); 
       $(".DivDataMain").animate({scrollLeft: leftPos + 250}, 600); 
       }); 
        $("#btnRight").click(function() { 

       var leftPos2 = $('.DivDataMain').scrollLeft(); 
       $(".DivDataMain").animate({scrollLeft: leftPos2 - 250}, 600); 
       }); 

    });

HTML代碼： -

 <div style="width: 300px; overflow: hidden;" class="DivDataMain"> 
     <table> 
      <tr> 
       <td id="tdDoE"> 
         Scroll Buttons will be appended after this text. 
       </td> 
      </tr> 
     </table> 
    </div>

來源

2012-08-13 12:53:38

如何讓div滾動從右到左jQuery動畫？

回答

相關問題