<p>I am looking for a little bit of JQuery or JS that allows me to produce a horizontally scrolling "news ticker" list.</p>

<p>The produced HTML needs to be standards compliant as well.</p>

<p>I have tried <a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html" rel="noreferrer">liScroll</a> but this has a habit of breaking (some content ends up on a second line at the start of the scroll), especially with longer lists.</p>

<p>I have also tried <a href="http://www.mioplanet.com/rsc/newsticker_javascript.htm" rel="noreferrer">this News Ticker</a> but when a DOCTYPE is included the scrolling will jolt rather than cycle smoothly at the end of each cycle.</p>

<p>Any suggestions are appreciated.</p>

<p><strong>Edit</strong></p>

<p>So thanks to Matt Hinze's suggestion I realised I could do what I wanted to do with JQuery animate (I require continuous scrolling not discrete scrolling like the example). However, I quickly ran into similar problems to those I was having with liScroll and after all that realised a CSS issue (as always) was responsible.</p>

<p>Solution: liScroll - change the default 'var stripWidth = 0' to something like 100, to give a little space and avoid new line wrapping.</p>

[{'answer_id': 41047, 'author': 'Matt Hinze', 'author_id': 2676, 'author_profile': 'https://Stackoverflow.com/users/2676', 'pm_score': 2, 'selected': False, 'text': '<p><a href="http://www.emrecamdere.com/news_scroller_jquery.html" rel="nofollow noreferrer">http://www.emrecamdere.com/news_scroller_jquery.html</a></p>\n'}, {'answer_id': 43171, 'author': 'travis', 'author_id': 1414, 'author_profile': 'https://Stackoverflow.com/users/1414', 'pm_score': 2, 'selected': False, 'text': '<p>Here\'s 2 other solutions that seem a bit simpler to implement:</p>\n\n<ol>\n<li><a href="http://www.texotela.co.uk/code/jquery/newsticker/" rel="nofollow noreferrer">newsticker</a></li>\n<li><a href="http://plugins.jquery.com/project/BBCnewsTicker" rel="nofollow noreferrer">News ticker (BBC style)</a></li>\n</ol>\n'}, {'answer_id': 865198, 'author': 'Community', 'author_id': -1, 'author_profile': 'https://Stackoverflow.com/users/-1', 'pm_score': 4, 'selected': True, 'text': '<p>Smooth Div Scroll can also be used as a news ticker/stock ticker. It can pause on mouse over or mouse down and it can loop endlessly if you want it to.</p>\n\n<p>Here\'s <a href="http://www.maaki.com/" rel="nofollow noreferrer">the example</a> with a running ticker.</p>\n'}, {'answer_id': 8447592, 'author': 'Jon Mifsud', 'author_id': 1088613, 'author_profile': 'https://Stackoverflow.com/users/1088613', 'pm_score': 0, 'selected': False, 'text': '<p>An Alternative solution would also be the <a href="http://jonmifsud.com/web-tools/jquery-webticker/" rel="nofollow">jQuery webTicker</a>; its very similar to liscroll however resolves the problem with the ticker stopping after the whole list completes; whilst also adding some new fancy features like; direction of movement; speed; and ability to use multiple tickers per page.</p>\n'}, {'answer_id': 40595802, 'author': 'tj001', 'author_id': 7052915, 'author_profile': 'https://Stackoverflow.com/users/7052915', 'pm_score': 0, 'selected': False, 'text': '<p>The second line bug arising in liscroll can be "fixed" by adding a listitem containing a non-breakable space entitiy <code>&lt;li&gt;&amp;nbsp;&lt;/li&gt;</code> at the end of each list ;)</p>\n'}]
['https://Stackoverflow.com/questions/41027', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/364/']