Хаки и Скрипты Next Generation CMS
irbees2008 irbees2008 Опубликовано - 5 - марта JS
4223 - 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>
3.сам код бегущей строки вставляем туда где хотим видеть
Код:
<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>
4.хотите использовать несколько блоков то создаете дополнительные списки так
Код:
<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>
5.Также можно задать скорость движения строки
Код:
<script type="text/javascript">
$(function(){
$("ul#ticker").liScroll({travelocity: 0.15});
//Syntax

});
</script>
код
Код:
{travelocity: 0.15}
можете изменять до 1
6.Ну вроде все,а нет вру,можно подключить плагин xnews,кому надо будет могу выложить.

Можешь почитать и вот эту статейку "Прелоадер с затемнением фона"

Опрос

Ваше мнение

На каком движке ваш сайт?
Результаты

Последние комментарии

Теги

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

Статистика

  • Caйту: 3950 дней
  • Новостей: 564
  • Комменты: 254
  • Зарегистрированно : 633
  • Онлайн всего: [4]
  • Гости: [3]
  • Поисковики: [1] Google
  • Были сегодня : [3] Яндекс, dankeanke, Google
  • SQL запросов: 32
  • Генерация страницы: 0.56сек
  • Потребление памяти: 6.206 Mb 
  •   Яндекс.Метрика