Что хорошего в JS или JQuery для горизонтальной прокрутки новостей - PullRequest
6 голосов
/ 03 сентября 2008

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

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

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

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

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

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

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

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

Ответы [ 5 ]

5 голосов
/ 14 мая 2009

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

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

3 голосов
/ 03 сентября 2008
2 голосов
/ 04 сентября 2008

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

  1. Newsticker
  2. Тикер новостей (стиль BBC)
0 голосов
/ 14 ноября 2016

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

0 голосов
/ 09 декабря 2011

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...