5413
- 0
- Адаптировал: irbees2008
- Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки
- Демо:
Вот порыскал по просторам интернета и нашел скрипт бегущей строки.Прочитав инструкцию ,я понял он легко интегрируется в в любой шаблон NGCMS.
Приступим.
1.Скачиваем архив Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
, распаковываем и заливаем в папку с шаблоном.
2.Подключаем Скрипты в head файла main.tpl
Код:
<script type="text/javascript" src="{tpl_url}/js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="{tpl_url}/js/jquery.li-scroller.1.0.js"></script>
<link rel="stylesheet" href="{tpl_url}/css/li-scroller.css" type="text/css" media="screen" />
<script type="text/javascript">
$(function(){
$("ul#ticker").liScroll();
//Syntax
});
</script>Код:
<ul id="ticker">
<li><span>10/10/2007</span><a href="#/ogt/content/news/News183.complete">The first thing that most Javascript programmers</a></li>
<li><span>10/10/2007</span><a href="#/ogt/content/news/News175.complete">End up doing is adding some code</a></li>
<li><span>10/10/2007</span><a href="#/ogt/content/news/News177.complete">The code that you want to run</a></li>
<li><span>01/10/2007</span><a href="#/ogt/content/news/News173.complete">Problematically, however, the Javascript code</a></li>
</ul>
Код:
<ul id="ticker01">
<li></li>
</ul>
<ul id="ticker02">
<li></li>
</ul>
<ul id="ticker03">
<li></li>
</ul>
Код:
<script type="text/javascript">
$(function(){
$("ul#ticker01").liScroll();
$("ul#ticker02").liScroll();
$("ul#ticker03").liScroll();
//Syntax
});
</script>
Код:
<script type="text/javascript">
$(function(){
$("ul#ticker").liScroll({travelocity: 0.15});
//Syntax
});
</script>
Код:
{travelocity: 0.15}6.Ну вроде все,а нет вру,можно подключить плагин xnews,кому надо будет могу выложить.
Можешь почитать и вот эту статейку "Плагин RSS Yandex"
Это тоже интересно
27.11.13FerroMenu JQuery плагин
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.