Twitter风格“新闻自动收报机”(jQuery)

时间:2010-10-17 16:55:43

标签: jquery news-ticker

我正在寻找一个与twitter上的新闻自动收报机相同的新闻自动收报机(横向滚动的那个)

我正在寻找的主要内容:

连续滚动
  - 当一个元素不再可见时,它将被删除并放在列表的最后面 没有暂停
  - 它应该是平滑的滚动,而不是滚动,暂停,滚动

我试图通过

来做到这一点

将ul设置为overflow: hidden
使用li:firstmargin-left: {current_margin_left}-10制作动画 每一秒

但它会快速而且休息。

有没有与此说明相符的内容?

2 个答案:

答案 0 :(得分:1)

以下链接包含一个创建纯jQuery和amp;的教程。使用Twitter的Search API的CSS twitter自动收报机。它将显示您或您朋友的最新推文,不需要任何服务器端代码或数据库。因此,该代码将很容易包含在任何网页中,并可根据您的喜好轻松修改。

请查看以下链接以获取详细信息 -

http://tutorialzine.com/2009/10/jquery-twitter-ticker/

答案 1 :(得分:0)

我认为jQuery webTicker完全符合您的描述;这个想法完全是推特的想法,我们花了一些时间来精确地开发。它还带有淡入和淡出效果等附加功能;选择不同的方向和速度,以及可定制的样式表。另外一个好处是你可以每页运行多个代码。

我希望你觉得这个答案很有用。