什么是 JS 或 JQuery 的好位用于水平滚动新闻行情答案

【问题标题】：What's a good bit of JS or JQuery for horizontally scrolling news ticker什么是 JS 或 JQuery 的好位用于水平滚动新闻行情
【发布时间】：2010-09-07 15:34:06
【问题描述】：

我正在寻找一些 JQuery 或 JS 来让我生成一个水平滚动的“新闻行情”列表。

生成的 HTML 也需要符合标准。

我尝试过liScroll，但这有一个坏习惯（一些内容在滚动开始时出现在第二行），特别是对于较长的列表。

我也尝试过this News Ticker，但是当包含 DOCTYPE 时，滚动会震动而不是在每个循环结束时平稳循环。

欢迎提出任何建议。

编辑

感谢 Matt Hinze 的建议，我意识到我可以用 JQuery animate 做我想做的事情（我需要连续滚动而不是像示例中那样离散滚动）。然而，我很快就遇到了与 liScroll 类似的问题，毕竟我意识到 CSS 问题（一如既往）是负责任的。

解决方案：liScroll - 将默认的 'var stripWidth = 0' 更改为 100 之类的值，以留出一点空间并避免换行。

【问题讨论】：

标签： javascript jquery scroll client-side

【解决方案1】：

Smooth Div Scroll 也可以用作新闻行情/股票行情。它可以在鼠标悬停或鼠标按下时暂停，如果您愿意，它可以无限循环。

这里是the example，带有正在运行的代码。

【讨论】：

【解决方案2】：

http://www.emrecamdere.com/news_scroller_jquery.html

【讨论】：

【解决方案3】：

这里有另外 2 个看起来更容易实现的解决方案：

【讨论】：

【解决方案4】：

另一种解决方案也是jQuery webTicker；它与 liscroll 非常相似，但解决了整个列表完成后自动收报机停止的问题；同时还添加了一些新的花哨功能，例如；运动方向；速度;以及每页使用多个代码的能力。

【讨论】：

【解决方案5】：

可以通过在每个列表的末尾添加一个包含不可破坏空间实体<li>&nbsp;</li> 的列表项来“修复” liscroll 中出现的第二行错误；）

【讨论】：