jquery循環垂直滾動表

好吧我有一張表，我填充了25行信息。我想使用Jquery循環或類似的東西來創建一個垂直滾動效果，所以行不斷地向上滾動一個容器，一次可以顯示大約五行。jquery循環垂直滾動表

我已經使用jquery循環來處理很多事情，但由於某種原因，我在試圖讓它爲一張表工作時處於死衚衕。

我覺得我的困惑可能是如何，我需要在結構上設置我的表/容器如此循環知道什麼兒童或元素適用於：

$(document).ready(function() { 
     $('#table_container').cycle({ //Will this even work for a table??? 
      fx:'scrollVert', 
        continuous: 1 
     }); 
});

那麼，如何構建表元素，因此週期影響他們？

更多關於Jquery Cycle，從他們的網站：

該插件提供，其在容器元件上調用的方法被稱爲循環。容器的每個子元素都變成了「幻燈片」。選項控制幻燈片轉換的方式和時間。

來源

2012-02-14 absentx

我的困惑是什麼jquery循環是..下面的一些例子或引用將很好:)我也建議不要使用表這種東西。 – danwit 2012-02-14 19:58:27

是的，表已經編碼和佈局，所以我想我試圖用這個來節省時間，但是以div格式重做它肯定是個好主意。另外，簡短的jquery循環說明添加到OP。 – absentx 2012-02-14 20:15:20

循環調用函數適用於子節。對於tr之前的表格，通常會創建tbody選項卡。請嘗試以下。它工作正常..

的Html - <table id="table_container"> <tr><td>1</td></tr> <tr><td>2</td></tr> <tr><td>3</td></tr> <tr><td>4</td></tr> <tr><td>5</td></tr> </table>

的CSS - #table_container, #table_container tbody { height: 100px; border: 1px solid red; display: block; width: 100px; position: relative; overflow: hidden; } #table_container tr{ display:block; height: 100px; border: 1px solid #ccc; width: 100px; }

的jQuery - $("#table_container tbody").cycle({ fx: "scrollDown" });

這一個嘗試。

如果您想要在時間顯示多行，然後用多個邏輯分隔符分隔多行，以便該部分可以迭代而不是tr。

來源

2012-04-03 12:42:47 Bhabani

jquery循環垂直滾動表

回答

相關問題