В нашем блоге было много примеров различной анимации на jQuery. Когда читаешь комментарии, видишь, что этого не достаточно.
Поэтому, бывшая страница плагинов, превратилась в копилку. Там вы найдете все примеры, встречающиеся в нашем блоге.
В данной статье я расскажу о нескольких видах анимации:
- Анимация на jQuery — использование простой анимации, задание очереди анимации, запуск анимации двух параметров одновременно, тип анимации.
- Путешествие объектов в пространстве — перемещение объектов на странице, увеличение цифровых значений анимации.
- Анимированное меню — красивое меню, в котором приводится хитрый пример анимации.
- Плагин скроллинга текста внутри блока — совокупность анимации, для достижения одной.
- Плавное изменение высоты у объекта — изменение размеров у объекта.
- jQuery эффекты на примерах — выдвижная панель, эффект исчезновения.
- Эффект появления:
Код:
Добавить блок
Анимация появления создается при помощи fadeIn — обратная функция fadeOut.
Но. Как писалось в статье «Анимация на jQuery«, эффект fadeIn() в корне jQuery использует animate().
Поэтому:
$('.pane').fadeIn(500);
Можно записать как:
$('.pane').animate({opacity:'show'}, 500);
Советую использовать второй способ.
PS: Я вернулся ; ).
Ответить | Цитировать
Ответить | Цитировать
Ответить | Цитировать