textualizer

Использование

  var list = ['описание один', 'описание два', 'описание три'];  // список описаний var txt = $('#txtlzr');  // Контейнер в котором будет выводиться список
  var options = {    duration: 1000,          // Время (ms) показа каждого описания    rearrangeDuration: 1000, // Время (ms) смены символами своих позиций    effect: 'random'         // Эффект анимации, который используется при сменен позиций символами  } txt.textualizer(list, options); // Применяем плагин
  txt.textualizer('start'); // Запускаем анимацию

Эффекты анимации

Textualizer может использовать следующие эффекты анимации: fadeIn, slideLeft, slideTop и random. Вы можете выбрать эффект анимации с помощью опции effect.

API

• .textualizer('pause')

  Останавливает анимацию для вывода следующего описания. То есть, как только все символы встанут на свои места, анимация остановится.

• .textualizer('stop')

  Останавливает анимацию и удалаяет описания.

• .textualizer('destroy')

  Уничтожает экземпляр textualizer.

Поддерживаемые браузеры

Textualizer успешно прошел тестирование в следующих браузерах:

• Chrome
• Safari 4+
• Firefox 3.5+
• IE 6,7,8,9+
• Opera 10.6+
• Mobile Safari (iOS 4)