3DM-студия
» » » Новостная лента в форме бегущей строки

Новостная лента в форме бегущей строки

Новостная лента в форме бегущей строки


Отличная реализация новостной ленты в форме бегущей строки. Данный плагин работает на jQuery и представляет из себя небольшой продолговатый блок, где превью новости или рекламы плавно появляется в этом блоке, как будто его кто то печатает. Бегущая строка великолепно подойдет новостному сайту. Она экономит место и привлекает внимание посетителей одновременно.

Естественно, что эту бегущую строку можно поставить на любой сайт, так как почти на каждом сайте есть новостная лента или текстовый рекламный блок. Его можно оформить таким образом, как этот великолепный скрипт. Установить бегущую строку на сайт достаточно просто. Для этого вам нужно:
1. Скачать архив с бегущей строкой, нажав на кнопку "Скачать"
2. Разархивировать в корень вашего сайта, где вы будете размещать вашу бегущую строку
3. Вставить этот код между и:
<link href="styles/style.css?v=2011-04-25" rel="stylesheet" type="text/css" />
<link href="styles/ticker-style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script src="includes/jquery.ticker.js" type="text/javascript"></script>
<script src="includes/site.js" type="text/javascript"></script>

Тем самым, вы подключили css-стили и файлы js. необходимые для работы бегущей строки

4. Вставить сам html код бегущей строки туда, где вы ее хотите видеть:

<ul id="js-news" class="js-hidden">
		<li class="news-item">jQuery News Ticker now has support for multiple tickers per page!</li>
		<li class="news-item">jQuery News Ticker now has support for right-to-left languages!</li>
		<li class="news-item">jQuery News Ticker now has support for loading content via an RSS feed!</li>
		<li class="news-item">jQuery News Ticker now has an optional fade effect between items!</li>
		<li class="news-item">New updates have been made to jQuery News Ticker! Check below for more details!</li>
		<li class="news-item">jQuery News Ticker is now compatible with jQuery 1.3.2! See below for further details and for latest download.</li>
		<li class="news-item">Further updates to jQuery News Ticker are coming soon!</li>
	</ul>

Бегущая строка готова к использованию и наполнению! Удачи в работе!


Скачивание доступно только для зарегистрированных
НАШИ НОВОСТИ
Опубликовано 04 апрель 2014
Представляю вашему вниманию шаблон онлайн кинотеатра с глубокой настройкой под свои нужны OST-ARENA.RU Читать далее...
Опубликовано 18 март 2014
Представляю вашему вниманию, адаптивный новостной шаблон Reades News. Адаптивный дизайн подразумевает, что шаблон будет одинаково корректно отображаться во всех устройствах. Шаблон отлично подойдет для медийных новостей и не только. Обязательно посмотрите видеозапись работы Читать далее...
Опубликовано 16 март 2014
Дизайн Zerotheme, адаптирован для DLE 10.1 by Yurets. Шаблон zBoomMusic позиционируется как шаблон для музыкального портала или музыкального блога. Вверху шаблона расположен слайдер, под слайдером Топ новостей, далее последние добавленные новости. Читать далее...