| Главная » Файлы » Прочие скрипты » jQuery |
Эффекты для текста на jQuery
| 23.06.14, 08:19:31 | |
 Данный плагин предоставляет шесть эффектов для любого вашего текста Для начала посмотрите ДЕМО Далее приступаем к установке: После /head на нужных страницах вставляйте следующий код: Код <style type="text/css"> .example {cursor: pointer;} </style> <script type="text/javascript" src="/js/jquery.texteffects.js"></script> <script type="text/javascript"> $(document).ready(function() { $(".example").click(function() { $("."+$(this).attr("rel")).texteffects({ "texteffect": $(this).attr("id"), "speed": "slow" }); }); }); </script> Всё, настройка тела скрипта закончена. Сам текст и ссылка на запуск анимации прописываются так: Код <div class="name1">Здесь любой ваш текст</div> <a class="example" id="collapse" rel="name1">Запуск</a> Здесь разберём подробнее: class="name1" - Так называемый уникальный ID. Для каждого нового текста придумайте свой class="example" - Стиль, который указывает на то, что при наведении на ссылку курсор должен принимать значение "pointer" id="collapse" - здесь самое интересное: указываем эффект анимации текста. Можно выбирать один из шести эффектов: expand, collapse, drop, undrop, explode, unexplode rel="name1" - Указатель на то, текст с каким ID следует анимировать Далее в залейте в папку js скрипт из прикреплённого архива Ну вот, собственно, и всё! Материал подготовил Apocalypse | |
| Просмотров: 467 | Загрузок: 0 | | |
| Всего комментариев: 0 | |
|
| |