水平滚动新闻行情的JS或JQuery有什么好处

What's a good bit of JS or JQuery for horizontally scrolling news ticker

提问人:Matt Mitchell 提问时间:9/3/2008 最后编辑:DustmanMatt Mitchell 更新时间:4/20/2018 访问量:22283

问:

我正在寻找一点 JQuery 或 JS,它允许我生成一个水平滚动的“新闻行情”列表。

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

我尝试过 liScroll,但这有打破的习惯(有些内容最终出现在滚动开始的第二行),尤其是对于较长的列表。

我也尝试过这个新闻行情器,但是当包含 DOCTYPE 时,滚动会在每个周期结束时颠簸而不是平稳循环。

任何建议都是值得赞赏的。

编辑

因此,多亏了 Matt Hinze 的建议,我意识到我可以用 JQuery animate 做我想做的事情(我需要连续滚动,而不是像示例那样的离散滚动)。然而,我很快就遇到了与我在 liScroll 上遇到的类似的问题,毕竟我意识到 CSS 问题(一如既往)是罪魁祸首。

解决方案:liScroll - 将默认的“var stripWidth = 0”更改为 100 之类的值,以提供一点空间并避免换行。

JavaScript jQuery 滚动 客户端

评论


答:

3赞 Matt Hinze 9/3/2008 #1

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

2赞 travis 9/4/2008 #2

以下是其他 2 个似乎更易于实现的解决方案:

  1. 新贴纸
  2. 新闻收报机(BBC风格)
5赞 Thomas Kahn 5/15/2009 #3

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

下面是一个正在运行的股票代码的示例

0赞 Jon Mifsud 12/9/2011 #4

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

0赞 tj001 11/15/2016 #5

liscroll 中出现的第二行错误可以通过在每个列表末尾添加一个包含不可分解空格的列表项来“修复”;)<li>&nbsp;</li>