• 2497
  • 0
  • Адаптировал: irbees2008
  • Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки
  • Демо:

Представляю вам еще одну бегущую строку.В ней реализована пауза,листание вперед и назад.
Приступим.
1.Скачиваем архив Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. , распаковываем и заливаем в папку с шаблоном.
2.В head файла main.tpl подключаем скрипты и стили

Код:
<link href="{tpl_url}/styles/style.css" rel="stylesheet" type="text/css" />
<link href="{tpl_url}/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>/*если jquery подключен повторно подключать не надо*/
<script src="{tpl_url}/js/jquery.ticker.js" type="text/javascript"></script>
<script src="{tpl_url}/js/site.js" type="text/javascript"></script>
3.И туда где хотите видеть бегущую строку ставите этот код
Код:
<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>
3.Здесь также можно подключить RSS ленту,плагин xnews.Если надо будет могу выложить подключение плагина.

Можешь почитать и вот эту статейку "Замена текста во всех статьях "

mistakes

Это тоже интересно

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Ваше мнение

TWIG -что это?
Результаты

Облако тегов

Anything in here will be replaced on browsers that support the canvas element