Стиль Твиттера "Тикер новостей" (jQuery)

Question

Я ищу новостную ленту, почти идентичную тикеру в твиттере (ту, что прокручивается по горизонтали)

Основные вещи, которые я ищу:

Непрерывная прокрутка
- Когда элемент больше не виден, он удаляется и помещается в самом конце списка.
Без паузы
- Это должна быть плавная прокрутка, а не прокрутка, пауза, прокрутка

Я попытался сделать это с помощью

Установив ul на overflow: hidden
Анимация li:first с использованием margin-left: {current_margin_left}-10 каждую секунду

Но это идет быстро и ломается.

Есть что-нибудь, что соответствует этому описанию?

Answer 1

Приведенная ниже ссылка состоит из учебника по созданию твиттера для jQuery & CSS, который использует API поиска Twitter.Он покажет последние твиты вашего или ваших друзей и не потребует никакого кода на стороне сервера или баз данных.В результате тикер будет легко включен в любую веб-страницу и легко изменен по вашему вкусу.

Для получения подробной информации перейдите по ссылке ниже -

http://tutorialzine.com/2009/10/jquery-twitter-ticker/

Answer 2

Я думаю, jQuery webTicker будет соответствовать вашему описанию; Идея была именно в Twitter, и нам потребовалось некоторое время, чтобы ее разработать. Он также поставляется с дополнительными функциями, такими как эффекты затухания и затухания; выбор различных направлений и скоростей, а также настраиваемая таблица стилей. Дополнительным плюсом является то, что вы можете запустить несколько тикеров на странице.

Надеюсь, вы найдете этот ответ полезным.