Сегодня 17 февраля, понедельник ГлавнаяНовостиО проектеЛичный кабинетПомощьКонтакты Сделать стартовойКарта сайтаНаписать администрации
Поиск по сайту
 
Ваше мнение
Какой рейтинг вас больше интересует?
 
 
 
 
 
Проголосовало: 7278
Кнопка
BlogRider.ru - Каталог блогов Рунета
получить код
Хаки и Скрипты Next Generation CMS
Хаки и Скрипты Next Generation CMS
Голосов: 1
Адрес блога: http://ngcmshak.ru
Добавлен: 2013-12-31 14:21:51 блограйдером 88888888
 

Бегущая строка на Jquery

2014-03-05 02:54:52 (читать в оригинале)

Вот порыскал по просторам интернета и нашел скрипт бегущей строки.Прочитав инструкцию ,я понял он легко интегрируется в в любой шаблон NGCMS.
Приступим.
1.Скачиваем архив [isnt-logged]Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам begstroka.zip (33.84 Kb)[/is-logged] , распаковываем и заливаем в папку с шаблоном.
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,кому надо будет могу выложить.

Тэги: js,, меню, навигация,, ссылками, текстом, эффекты

 


Самый-самый блог
Блогер Рыбалка
Рыбалка
по среднему баллу (5.00) в категории «Спорт»


Загрузка...Загрузка...
BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.