Twitter 风格的“新闻摘要” （jQuery）
我正在寻找一个与 Twitter 上的新闻报道几乎相同的新闻报道（水平滚动的新闻报道）
我正在寻找的主要内容：
连续滚动
- 当一个元素不再可见时，它将被删除并放在列表的最后面。
没有暂停
- 它应该是平滑滚动，而不是滚动、暂停、滚动
我尝试通过
将 ul 设置为 overflow: hide
使用 margin-left: {current_margin_left}-10 对 li:first 进行动画处理 每一秒
但它很快就会崩溃。
有符合这个描述的东西吗？
I am looking for a news ticker pretty much identical to the one on twitter (the one the scrolls horizontally)
The main things I am looking for:
Continuous scroll
- When an element is no longer visible it is removed and put at the very back of the list.
No Pause
- It should be a smooth scroll, not a scroll, pause, scroll
I attempted to do it by
Setting the ul to overflow: hidden
Animating the li:first using margin-left: {current_margin_left}-10
every second
But it goes way to fast and breaks.
Is there anything that matches this description?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
下面的链接包含创建纯 jQuery 和 jQuery 的教程。 CSS twitter 代码，利用 Twitter 的搜索 API。它将显示您或您朋友的最新推文，并且不需要任何服务器端代码或数据库。因此，股票代码可以轻松地包含在任何网页中，并可以轻松地根据您的喜好进行修改。
检查以下链接以获取详细信息 -
http://tutorialzine.com/2009/10/ jquery-twitter-ticker/
The below link consists of a tutorial to create a pure jQuery & CSS twitter ticker which utilizes Twitter’s Search API. It will show your or your friends’ latest tweets, and will not require any server side code or databases. As a result, the ticker will be easily included into any web page and easily modified to your likings.
Check the below link for detailed info -
http://tutorialzine.com/2009/10/jquery-twitter-ticker/
我认为 jQuery webTicker 将完全符合您的描述；这个想法正是 Twitter 的想法，我们花了一些时间才准确地开发出来。它还具有淡入和淡出效果等附加功能；选择不同的方向和速度以及可定制的样式表。另一个优点是您可以在每页上运行多个代码。
我确实希望您觉得这个答案有用。
I think the jQuery webTicker would match your description perfectly; the idea was exactly the Twitter one and it took us some time to develop exactly. It also comes with extras like fade-in and fadeout effects; choice of different directions and speeds and also a customisable stylesheet. An additional plus is you can run multiple tickers per page.
I do hope you find this answer useful.