Главная » Файлы » Прочие скрипты » jQuery

Простая бегущая строка с настраиваемой скоростью на jQuery
23.06.14, 09:27:26

Скачать файл




Простая бегущая строка для вашего сайта. Очень полезна для вывода нужного количества текста в минимуме пространства

Для начала посмотрите ДЕМО

Установка:

После /head на нужных вам страницах вставляйте:
Код
<script type="text/javascript" src="/js/jquery.li-scroller.1.0.js"></script>
  <link rel="stylesheet" href="/css/li-scroller.css" media="screen" />
  <script type="text/javascript">
  $(function(){  
$("ul#ticker1").liScroll({travelocity: 0.05});  
  });  
  </script>


Здесь у нас {travelocity: 0.05} - скорость прокрутки текста. Чем больше значение, тем выше скорость прокрутки

Код
<div class="gnb">
  <ul id="ticker1">
<li><span>10/10/2007</span><a href="">The first thing that most Javascript programmers</a></li>
<li><span>10/10/2007</span><a href="">End up doing is adding some code</a></li>
<li><span>10/10/2007</span><a href="">The code that you want to run</a></li>
<li><span>08/10/2007</span><a href="">Inside of which is the code that you want to run</a></li>
<li><span>08/10/2007</span><a href="">Right when the page is loaded</a></li>
</ul>
  </div>


Остаётся лишь залить скрипт из прикреплённого архива в папку js и стиль в папку css

Материал подготовлен Apocalypse
Категория: jQuery | Добавил: Apocalypse | Теги: строка, Бегущая, Простая, настраиваемой, на, JQuery, скоростью
Просмотров: 264 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: