![]() |
ТТТ: 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 в данной версии не реализована. |
Классная задумка! Ещё здорово бы было подкрутить задание в скрипте массива символов, которые должны буду тасоваться. |
1-SheLLest > спасибо, подумаем. |
Текущее время: 07:43. Часовой пояс GMT +3. |