自动滚动的实时代码（如 Twitter 的“热门推文”）答案

【问题标题】：An automatically scrolling live ticker (like the "Top Tweets" of Twitter)自动滚动的实时代码（如 Twitter 的“热门推文”）
【发布时间】：2011-04-18 13:09:59
【问题描述】：

是否有一个好的 Javascript 库可以生成自动滚动列表，例如 Twitter 主页上的“热门推文”？首选作为 jQuery 插件。它还应该支持 AJAX 功能（动态添加新列表项）。

【问题讨论】：

标签： javascript jquery list twitter ticker

【解决方案1】：

试试http://www.htmldrive.net/items/demo/38/Multi-purpose-slideshowtext-scrollerimages-scroller-jquery-plugin

【讨论】：

【解决方案2】：

这是我能找到的最佳解决方案： Scrolling List

【讨论】：

【解决方案3】：

如果您想自己编写，请创建一个固定宽度/高度的div，并使用overflow: hidden，然后在其中创建另一个div，使用position: relative 属性，填充来自您的提要的内容（ twitter 帖子或类似帖子等）。然后，当页面加载时，只需更改内部div 的top: CSS 值（如果您希望列表向上滚动，top 值应该从零开始递减）。

我怀疑这是否有帮助，但它是一种无需使用 jQuery 插件即可获得滚动的非常好的、简单的方法。

【讨论】：

【解决方案4】：

这是一个不错的解决方案：Scrolling List

【讨论】：

重复答案使用滚动列表 ?

【解决方案5】：

由于我们对现有解决方案并不十分满意，因此我们从头开始实施了一个。我们的解决方案是一个完全兼容 jQuery UI 的自动收录器插件（也兼容他们的主题框架）和完全单元测试。我们还没有时间在每个浏览器下测试它，所以欢迎反馈（如有问题，请在下面的 Github 项目站点上打开问题）。

here 可以使用特殊样式的 demo（推特赞）。可以在here (ticker branch) 找到主要的主存储库。有几个选项可以自定义代码（上述 Github 存储库中的文档）。

截图：

【讨论】：

嗨，蒂姆，我刚刚更新了指向新演示和存储库的链接。 Ticker 现在是一个名为 Fiji (github.com/medihack/fiji) 的小 javascript (jquery ui) 小部件库的一部分。