|
|
|
|
![]()
contorra
Свой |
Зарегистрирован: 13.11.2014
Сообщений: 3
|
Обратиться по нику
|
| contorra |
Ответить с цитатой | | |
|
Рабочее название - TTT, или Тасующаяся Трансформация Текста. Разработан по спецзаказу digital-агенства Contorra.
Этот плагин позволяет сменить один текст на другой посредством событий "клика" или "наведения" на сам объект, либо любой другой, с эффектом трансформации каждого символа. Каждый символ текущего текста двигается по кратчайшему пути в массиве символов своего типа (заглавные, строчные буквы, цифры, знаки пунктуации и прочие) и останавливается при достижении конечного результата. В результате мы наблюдаем, как из хаоса вращающихся символов постепенно проявляется заданный текст. Демо здесь.
Инструкция по установке:
подключить jQuery
скачать файл плагина (2 кб) или скопировать в примере выше и подключить после jQuery (следите, чтобы русские символы не перекодировались браузером при скачивании)
добавить в html объект, содержащий текст, дата атрибут data-ttt-new с текстом к которому он будет трансформирован. Например:
| Код: |
|
<div data-ttt-new="Будущий текст">Базовый текст</div>
|
вызвать плагин TTT на обрабатываемый объект:
| Код: |
|
$(document).ready(function() { $('div').ttt(); });
|
И все, по стандарту при наведении на этот объект, его текст сменится на новый, а при потере наведения - вернется на исходный, со скоростью 60 fps.
Также существует ряд настроек:
задать объект для вызова события: 'btn':'селектор'
задать тип события по клику: 'event':'click'
скорость смены символов: 'fps':любое число кадров в секунду
Например:
| Код: |
$('div').ttt({
'btn':'div',
'event':'click',
'fps':15
});
|
Пользовательская функция callback в данной версии не реализована. |
|
|
|
|
|
Contorra Digital Agency, Сочи |
![]()
Dentz
V.I.P. |
Зарегистрирован: 04.04.2014
Сообщений: 2170
|
Обратиться по нику
|
|
|
|
![]()
Hello_Kitty
V.I.P. |
Зарегистрирован: 30.04.2007
Сообщений: 10763
|
Обратиться по нику
|
|
|
|
![]()
ashiko
V.I.P. |
Зарегистрирован: 02.08.2010
Сообщений: 4127
|
Обратиться по нику
|
|
|
|
|
|
|
Партнеры
|
Недавно он что-то мутил по этой теме. Он вообще любой фишке найдет применение. 
