Форум на Kuban.ru (http://forums.kuban.ru/)
-   Веб-дизайн и программирование (http://forums.kuban.ru/f1030/)
-   -   ТТТ: jQuery-плагин анимации текста (http://forums.kuban.ru/f1030/ttt_jquery-plagin_animacii_teksta-6289191.html)

contorra 20.11.2014 13:47

ТТТ: jQuery-плагин анимации текста
 
Рабочее название - TTT, или Тасующаяся Трансформация Текста.

Этот плагин позволяет сменить один текст на другой посредством событий "клика" или "наведения" на сам объект, либо любой другой, с эффектом трансформации каждого символа. Каждый символ текущего текста двигается по кратчайшему пути в массиве символов своего типа (заглавные, строчные буквы, цифры, знаки пунктуации и прочие) и останавливается при достижении конечного результата. В результате мы наблюдаем, как из хаоса вращающихся символов постепенно проявляется заданный текст. Демо: contorra.ru/ru/ttt-jquery-plagin-animacii-teksta

Инструкция по установке:
подключить jQuery
скачать файл плагина contorra.ru/sites/default/files/ttt-1.0.min.js или скопировать в примере выше и подключить после jQuery (следите, чтобы русские символы не перекодировались браузером при скачивании)
добавить в html объект, содержащий текст, дата атрибут data-ttt-new с текстом к которому он будет трансформирован. Например:
[code]<div data-ttt-new="Будущий текст">Базовый текст</div>[/code]
вызвать плагин TTT на обрабатываемый объект:
[code]$(document).ready(function() ** $('div').ttt(); **);[/code]
И все, по стандарту при наведении на этот объект, его текст сменится на новый, а при потере наведения - вернется на исходный, со скоростью 60 fps.

Также существует ряд настроек:
задать объект для вызова события: 'btn':'селектор'
задать тип события по клику: 'event':'click'
скорость смены символов: 'fps':любое число кадров в секунду

Например:
[code]$('div').ttt(**
'btn':'div',
'event':'click',
'fps':15
**);[/code]
Пользовательская функция callback в данной версии не реализована.

SheLLest 21.11.2014 10:29

Классная задумка!
Ещё здорово бы было подкрутить задание в скрипте массива символов, которые должны буду тасоваться.

contorra 21.11.2014 12:52

1-SheLLest > спасибо, подумаем.


Текущее время: 05:56. Часовой пояс GMT +3.