| 0
- 20.11.2014 - 13:47
|
Рабочее название - 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 с текстом к которому он будет трансформирован. Например: Код: <div data-ttt-new="Будущий текст">Базовый текст</div> Код: $(document).ready(function() ** $('div').ttt(); **); Также существует ряд настроек: задать объект для вызова события: 'btn':'селектор' задать тип события по клику: 'event':'click' скорость смены символов: 'fps':любое число кадров в секунду Например: Код: $('div').ttt(**
'btn':'div',
'event':'click',
'fps':15
**);     Отредактировано igorleee; 09.12.2014 в 09:53. | |
| 1
- 21.11.2014 - 10:29
|
Классная задумка! Ещё здорово бы было подкрутить задание в скрипте массива символов, которые должны буду тасоваться. | |
| 2
- 21.11.2014 - 12:52
| 1-SheLLest > спасибо, подумаем. | |
Интернет-форум Краснодарского края и Краснодара |
