如何创建新闻自动收报机

Question

我希望有一个从右到左滚动的新闻自动收录器，可以轻松添加删除项目。

如果我必须使用jQuery或原始JavaScript，那将是理想的。

是否有jQuery插件或我可以获得新闻报道的方式？

经过研究，我注意到很多都是从上到下而不是从右到左滚动。

新闻自动收录机的重点是，添加或删除项目很容易，当您悬停时，自动收报机会停止，然后在鼠标悬停时自动恢复。

更新

我刚刚找到了liScroll - http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html

http://htmlmarquee.com/看起来也很不错

Answer 1

如果你需要像Ticker这样的功能，可能是从左到右或从上到下，你可以简单地使用html marquee标签。使用javascript或jquery可以在您提供舒适的动态时动态更新其内容。

您还可以使用onmouseover和onmouseout事件更改其动作行为，例如

    <marquee behavior="scroll" direction="right" 
        onmouseover="this.stop();" 
        onmouseout="this.start();">
            Hover to stop!
    </marquee>

您可以在htmlmarquee.com播放。检查一下。
您可以看到其他可用的运动控制选项here。

Answer 2

虽然mtk建议的<marquee> - 元素可以在大多数浏览器中使用，但它不是标准HTML，如果符合标准，则不应使用它。然后，您应该使用appropriate CSS - 样式！

然后，您可以将您的内容放在几乎任何HTML元素中，并根据需要“选择”它。

Answer 3

您是否尝试过jQuery News Ticker？