Скачать
Данный плагин предоставляет шесть эффектов для любого вашего текста
Для начала посмотрите
ДЕМО
Далее приступаем к установке:
После /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
Автор публикации
12
Я не понял вашего вопроса, но постараюсь на него ответить...
Комментарии: 393Публикации: 1096Регистрация: 27-08-2018