7

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

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

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

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

任何建议表示赞赏。

编辑

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

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

4

5 回答 5

5

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

这是一个运行代码的示例。

于 2009-05-14T19:24:33.047 回答
3

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

于 2008-09-03T02:11:44.653 回答
2

这是其他 2 个似乎更易于实现的解决方案：

  1. 新贴纸
  2. 新闻自动收报机（BBC 风格）
于 2008-09-04T04:06:24.167 回答
0

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

于 2011-12-09T15:17:16.550 回答
0

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

于 2016-11-14T18:54:01.160 回答