5019
- 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>
Код:
<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>
Можешь почитать и вот эту статейку "HTML теги body "
Это тоже интересно
- 04.10.17Бегущая строка на Jquery
- 15.03.17Кнопка вернуться назад на js
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.