Лента новостей для сайта на Query (Плагин - jQuery News Ticker)


Лента новостей для сайта на Query (Плагин - jQuery News Ticker)

1403
10 из 10
Проголосовало: 8






Лента новостей для сайта на Query (Плагин - jQuery News Ticker). Быстрый, простой, и легкий в использовании плагин бегущая строка с использованием библиотеки JQuery.

  • Плагин jQuery News Ticker поддерживает языки с порядком чтения справа-налево!
  • Плагин jQuery News Ticker поддерживает загрузку содержания через фид RSS!
  • Плагин jQuery News Ticker имеет опцию включения эффекта затухания для смены новостей!
  • Плагин jQuery News Ticker совместим с jQuery 1.3.2!


Установка:

Подключите файлы в head:

Код
<script type="text/javascript" src="http://s11.ucoz.net/src/jquery-1.7.2.js"></script>  
  <link href="http://webo4ka.ru/Ucoz8/news_lenta/ticker-style.css" rel="stylesheet" type="text/css" />  
  <script type="text/javascript" src="http://webo4ka.ru/Ucoz8/news_lenta/site.js"></script>  
  <script type="text/javascript" src="http://webo4ka.ru/Ucoz8/news_lenta/jquery.ticker.js"></script>


ВНИМАНИЕ !!! Если у Вас подключена библиотека JQERY то первую строчку (jquery-1.7.2.js) НЕ ПИШЕМ.

Разметка HTML для формирования бегущей строки (в то место где будет скрипт):

Код
<ul id="js-news" class="js-hidden">  
  <li class="news-item">Новость №1 - Здесь будет описание новости №1 ! - <a href="http://webo4ka.ru">webo4ka.ru</a></li>  
  <li class="news-item">Новость №2 - Здесь будет описание новости №2 ! - <a href="http://webo4ka.ru">webo4ka.ru</a></li>  
  <li class="news-item">Новость №3 - Здесь будет описание новости №3 ! - <a href="http://webo4ka.ru">webo4ka.ru</a></li>  
  <li class="news-item">Новость №4 - Здесь будет описание новости №4 ! - <a href="http://webo4ka.ru">webo4ka.ru</a></li>  
  <li class="news-item">Новость №5 - Здесь будет описание новости №5 ! - <a href="http://webo4ka.ru">webo4ka.ru</a></li>  
  <li class="news-item">Новость №6 - Здесь будет описание новости №6 ! - <a href="http://webo4ka.ru">webo4ka.ru</a></li>  
  <li class="news-item">Новость №7 - Здесь будет описание новости №7 ! - <a href="http://webo4ka.ru">webo4ka.ru</a></li>  
  </ul>


Опции:
Вы можете поменять внешний вид бегущей строки с помощью редактирования JS кода (в файле jquery.ticker.js).

Ниже приводится список доступных опций плагина с указанием значений по умолчанию:

Цитата
speed: 0.10, // Скорость вывода строки текста
ajaxFeed: false, // Наполнение News Ticker через фид RSS
feedUrl: false, // Адрес URL фида // ДОЛЖЕН РАСПОЛАГАТЬСЯ В ТОМ ЖЕ ДОМЕНЕ, ЧТО И БЕГУЩАЯ СТРОКА
feedType: 'xml', // Пока только XML
htmlFeed: true, // Наполненние News Ticker через HTML
debugMode: true, // Вывод некоторой информации в консоль или в виде сообщений
// ДЛЯ ОПУБЛИКОВАННОГО ПРОЕКТА ДОЛЖНО ИМЕТЬ ЗНАЧЕНИЕ FALSE!
controls: true, // Выводить или нет кнопки управления
titleText: 'Новости', // Текст рядом с новостями
displayType: 'reveal', // Тип анимации. Доступные опции 'reveal' или 'fade'
direction: 'ltr' // Направление вывода строки.
Доступные опции 'ltr'(слева-направо) или 'rtl'(справа-налево)
pauseOnItems: 2000, // Длительность паузы перед сменой новости
fadeInSpeed: 600, // Скорость проявления анимации fade
fadeOutSpeed: 300 // Скорость исчезания анимации fade


Как загружать содержание из фида RSS

Изменим пару строк в JS коде (в файле jquery.ticker.js).
Заменим :

Код
ajaxFeed: false,  
feedUrl: false,


на

Код
ajaxFeed: true,  
feedUrl: 'http://webo4ka.ru/load/rss/',


разметка HTML для формирования бегущей строки (в то место где будет скрипт)

Код
<ul id="js-news" class="js-hidden">  
  <li class="news-item"></li>  
  </ul>


Фид RSS должен располагаться в том же домене, что и плагин, так как jQuery не разрешает кросс-доменные запросы.

Вот и всё.
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    404
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: