Что хорошего в JS или jQuery для горизонтальной прокрутки новостной ленты

Question

Я ищу немного jQuery или JS, которые позволяют мне создавать список "бегущих строк новостей" с горизонтальной прокруткой.

Созданный HTML-код также должен соответствовать стандартам.

Я пытался лиСкролл но это имеет привычку прерываться (некоторый контент оказывается на второй строке в начале прокрутки), особенно с более длинными списками.

Я тоже пробовал эта Новостная Лента но когда включен DOCTYPE, прокрутка будет трястись, а не повторяться плавно в конце каждого цикла.

Любые предложения приветствуются.

Редактировать

Итак, благодаря предложению Мэтта Хинце я понял, что могу делать то, что хотел, с jQuery animate (мне требуется непрерывная прокрутка, а не дискретная, как в примере).Однако я быстро столкнулся с проблемами, похожими на те, что были у меня с liScroll, и после всего этого понял, что причиной была проблема с CSS (как всегда).

Решение:liScroll - измените значение по умолчанию 'var StripWidth = 0' на что-то вроде 100, чтобы освободить немного места и избежать переноса новой строки.

Answer 1

Плавная прокрутка Div также может использоваться в качестве тикера новостей / биржевого тикера.Он может приостанавливаться при наведении курсора мыши или опускании курсора мыши, и он может зацикливаться бесконечно, если вы этого захотите.

Вот пример с бегущей строкой.

Answer 2

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

Answer 3

Вот 2 других решения, которые кажутся немного более простыми в реализации:

1. рекламщик новостей
2. Тикер новостей (в стиле Би-би-си)

Answer 4

Альтернативным решением также могло бы быть Веб-редактор jQuery;это очень похоже на liscroll, однако решает проблему с остановкой бегущей строки после завершения всего списка;в то же время добавляя некоторые новые необычные функции, такие как;направление движения;Скорость;и возможность использовать несколько тикеров на странице.

Answer 5

Ошибка второй строки, возникшая в liscroll, может быть "исправлена" путем добавления listitem, содержащего неразрывный пробел <li>&nbsp;</li> в конце каждого списка ;)