Главная » Файлы » Прочие скрипты » 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

Категория: jQuery | Добавил: Apocalypse | Теги: на, JQuery, текста, эффекты, для
Просмотров: 309 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: