Главная » 2012 » Март » 16 » JavaScript's: Простой автоматический ротатор контента с fade эфф...
18:13
JavaScript's: Простой автоматический ротатор контента с fade эфф...

Простой автоматический ротатор контента с fade эффектом


Советуем посмотреть:




ДЕМО МАТЕРИАЛА

Простой автоматический ротатор контента с fade эффектом через плагин Fade Iterator на jQuery

Установка:

После /head на нужных страницах вставляйте:
Code
<script type="text/javascript" src="/js/jquery.fadeIterator.js" ></script>  
  <script type="text/javascript" >  
  $(function(){  
  $('.cont').fadeIterator({limit:5,speed:2000});  
  });  
  </script>

Немного разберём настройки:

limit:5 - сколько строчек будут отображаться
speed:2000 - с какой скоростью будет происходить смена

Контент оформляем следующим образом:
Code
<div class="cont" >  
  <p>1</p>  
  <p>2</p>  
  <p>3</p>  
  <p>4</p>  
  <p>5</p>  
  <p>6</p>  
  <p>7</p>  
  <p>8</p>  
  <p>9</p>  
  </div>

Осталось лишь залить скрипт из прикреплённого архива в папку js
Материал взят с сайта infoscript.ru

Теги: Скачать Простой автоматический ротатор контента с fade эффектом
Скачать "Простой автоматический ротатор контента с fade эффектом"












Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Просмотров: 753 | Добавил: Ahmed | Теги: эфф..., контента, ротатор, Простой, Автоматический, JavaScript's:, Fade | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *: