Представляю вам еще одну бегущую строку.В ней реализована пауза,листание вперед и назад.
Приступим.
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>Код:
<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>
Можешь почитать и вот эту статейку "Подключаем интересный вариант слайдера в новость или ваш сайт"
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
