什么是 JS 或 JQuery 的好位用于水平滚动新闻行情
Posted
技术标签:
【中文标题】什么是 JS 或 JQuery 的好位用于水平滚动新闻行情【英文标题】：What's a good bit of JS or JQuery for horizontally scrolling news ticker 【发布时间】：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 之类的值，以留出一点空间并避免换行。
【问题讨论】：
【参考方案1】：Smooth Div Scroll 也可以用作新闻行情/股票行情。它可以在鼠标悬停或鼠标按下时暂停，如果您愿意，它可以无限循环。
这里是the example，带有正在运行的代码。
【讨论】：
【参考方案2】：http://www.emrecamdere.com/news_scroller_jquery.html
【讨论】：
【参考方案3】：这里有另外 2 个看起来更容易实现的解决方案：
-
newsticker
News ticker (BBC style)
【讨论】：
【参考方案4】：另一种解决方案也是jQuery webTicker；它与 liscroll 非常相似，但解决了整个列表完成后自动收报机停止的问题；同时还添加了一些新的花哨功能，例如；运动方向；速度;以及每页使用多个代码的能力。
【讨论】：
【参考方案5】：可以通过在每个列表的末尾添加一个包含不可破坏空间实体<li>&nbsp;</li> 的列表项来“修复” liscroll 中出现的第二行错误；）
【讨论】：
以上是关于什么是 JS 或 JQuery 的好位用于水平滚动新闻行情的主要内容，如果未能解决你的问题，请参考以下文章