Стиль Twitter "Ticker" (jQuery)

Question

Я ищу тикарь новостей в значительной степени идентично одному в Twitter (один свитки горизонтально)

Основное, что я ищу:

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

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

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

Но это идет путь к быстрому и ломаю.

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

Answer 1

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

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

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

Answer 2

я думаю jquery webticker. будет соответствовать вашему описанию идеально; Идея была именно Twitter, и нам потребовалось некоторое время, чтобы точно развиваться. Он также поставляется с экстрами, такими как эффекты Fade-In и Fadeout; Выбор разных направлений и скоростей, а также настраиваемая таблица стилей. Дополнительный плюс - это вы можете запустить несколько тикеров на странице.

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