| Главная » Файлы » Прочие скрипты » jQuery |
Изгибаем текст через плагин IsoText на jQuery
| 23.06.14, 09:13:15 | |
 Замечательный плагин, который придаст вашему сайту оригинальность. Очень легко настраивается и применяется к абсолютно любому тексту в любом месте Для начала посмотрите ДЕМО Установка: После /head на нужных вам страницах вставляйте: Код <script type="text/javascript" src="/js/jqIsoText.js"></script> Далее в самый низ после тега /body вставляйте: 1) Для эффекта простой дуги: Код <script> $('.default').jqIsoText({ fromSize: 10, toSize: 50, split:'no'}); </script> 2) Для эффекта увеличения волнами: Код <script> $('.split').jqIsoText({fromSize: 20, toSize: 50, split:'yes'}); </script> 3) Если будете использовать и тот и другой эффект для разного текста на одной странице, то приписывайте так: Код <script> $('.split').jqIsoText({fromSize: 20, toSize: 50, split:'yes'}); $('.default').jqIsoText({ fromSize: 10, toSize: 50, split:'no'}); </script> Обратите внимание на параметры скрипта: $('.default').jqIsoText({ fromSize: 10, toSize: 50, split:'no'}) .default - класс, который будет обрабатывать скрипт fromSize: 10 - изначальный размер текста toSize: 50 - конечный размер текста split:'no' - использовать ли эффект волны (yes/no) Сам текст, к которому будет применяться данный плагин, прописывается так: Код <span class='split'>Здесь любой ваш текст</span> <span class='default'>Здесь любой ваш текст</span> Обратите внимание, что первому тексту мы присвоили класс split, и, так как мы классу split прописали опцию изгиба волнами, к данному тексту будет применён именно этот эффект. Ко второму тексту применён класс default и он будет изогнуть простой дугой Далее залейте в папку js скрипт из прикреплённого архива Материал подготовлен Apocalypse | |
| Просмотров: 469 | Загрузок: 0 | | |
| Всего комментариев: 0 | |
|
| |