• 2335
  • 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

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

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

Ваше мнение

Каким софтом вы пользуетесь?
Результаты

----