Топ 5: Лучшие плагины JavaScript и jQuery Marquee (News Ticker)

Содержание

1 5. JQuery Ticker
2 4. JQuery Easy Ticker
3 3. JQuery News Ticker
4 2. Marquee3000
5 1. JQuery Marquee
6 Похвальные грамоты
- 6.1 Простой шатер

Не всем разработчикам известен тэг marquee в HTML, который позволяет создавать прокручиваемый фрагмент текста или изображения, отображаемый горизонтально или вертикально в DOM. Он функционален, однако этот тег устарел, поэтому вам следует избегать его использования. Наиболее надежной альтернативой этой проблеме является использование простого JavaScript (или, в данном случае, плагина).

В случае, если вам нужно реализовать выделение в стиле новостных тикеров, мы собрали 5 лучших плагинов jQuery, которые помогут вам достичь вашей цели.

5. JQuery Ticker

jQuery Ticker — это легкий плагин jQuery для анимации простого новостного тикера. Добавьте тег HTML для контейнера тикера (например, div или span) с одним неупорядоченным списком, содержащим элементы тикера внутри. Другое содержимое также может находиться внутри контейнера тикера. Заголовки тикеров ( li теги) могут содержать следующие основные теги HTML: , , , , , , а также :


News:

Ticker item #1
Ticker item #2
Another ticker item
...

И инициализировать:

$('.ticker').ticker();

4. JQuery Easy Ticker

Github

jQuery easy ticker — это плагин, похожий на новостную ленту, который бесконечно прокручивает список. Это очень настраиваемый, гибкий с большим количеством функций и работает во всех браузерах. Основными функциями этого плагина являются:

Доступны два направления (вверх и вниз).
Может быть ориентирован на любой шаблон.
Гибкий API для расширения до различных приложений.
Поддерживает функции «ослабления».
Доступна функция паузы мыши.
Скорость перехода может быть изменена.
Элементы управления могут быть добавлены в порядке воспроизведения / паузы или перемещения списка вверх и вниз.
Кросс-браузерная поддержка.
Легкий вес (4 Кб — Полный источник / 2,7 Кб — Минимизированный источник).

3. JQuery News Ticker

Github

Простой в использовании, удобный и гибкий тикер новостей в стиле тикера новостей BBC News (http://news.bbc.co.uk). Рекомендуется только для jQuery 1.4.x или выше (очень ранняя версия с поддержкой jQuery 1.3.2 доступна на веб-сайте, но в ней отсутствуют некоторые функции и больше не поддерживается). Сначала загрузите zip-файл, содержащий плагин и пример / документацию для новостной ленты.

2. Marquee3000

демонстрация

Marquees — это супер плавный и универсальный плагин javaScript без каких-либо зависимостей. Плагин полностью бесплатный. Основными функциями marquee3000 являются:

~ 3kb минимизировано без зависимостей
Превратите любой элемент в шатер без масла
Текст, изображения ++ * это сделает
Стилите маркизы как обычно с помощью CSS — будьте креативны!
Установите скорость и направление
Имейте тонну без замедления
Отзывчивый!

1. JQuery Marquee

jQuery Marquee — это плагин jQuery объемом 5,51 Кб (минимизированный) для прокрутки текста, как в старом традиционном выделении. Этот плагин будет определять, поддерживает ли браузер анимацию CSS3, чем анимировать элемент с помощью CSS3, что будет работать намного лучше, чем анимация с использованием jQuery.