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循环垂直滚动表

回答

相关问题