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

Простой вертикальный скролл текста с эффектами fade и slide на jQuery
23.06.14, 09:13:28

Скачать файл




Простой, но эффективный плагин для поочерёдного прокручивания нескольких не очень объёмных текстов

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

Установка:

После /head на нужных страницах вставляйте:
Код
<style>  
  ul {  
background:#333;  
color:#fff;  
padding:10px 20px;  
-moz-border-radius:10px;  
-webkit-border-radius:10px;  
width:200px;  
  }  

  ul li {  
list-style:none;  
font-family:verdana;  
font-size:12px;  
  }  
  </style>  
  <script type="text/javascript" src="/js/ticker.js"></script>
<script type="text/javascript">
$(document).ready(function(){  
$('#fade').list_ticker({  
speed:2000,  
effect:'fade'  
});  
$('#slide').list_ticker({  
speed:2000,  
effect:'slide'  
});
})  
</script>


Далее прописываем сами участки скроллирующего текста в нужном вам месте:
1) Для эффекта fade:
Код
<ul id="fade">
<li>Здесь текст номер раз</li>
<li>Здесь текст номер два</li>
<li>Здесь текст номер три</li>
<li>Здесь текст номер четыре</li>
<li>Здесь текст номер пять</li>
  </ul>


2) Для эффекта slide:
Код
<ul id="slide">
<li>Здесь текст номер раз</li>
<li>Здесь текст номер два</li>
<li>Здесь текст номер три</li>
<li>Здесь текст номер четыре</li>
<li>Здесь текст номер пять</li>
  </ul>


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

Материал подготовлен Apocalyse
Категория: jQuery | Добавил: Apocalypse | Теги: Вертикальный, slide, Fade, на, JQuery, эффектами, текста, простой, скролл
Просмотров: 424 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: