jQuery: добавление эффектов онлайн урок.


В jQuery, помимо возможности изменения самой DOM, есть возможность добавлять эффекты к этому процессу. Применить эффект можно при помощи вызова соответствующего метода. В jQuery определены функции для таких основных визуальных эффектов:

  • Появление элемента fadeIn()
  • Исчезание элемента fadeOut()
  • Отображение элемента show()
  • Скрытие элемента hide()
  • Пользовательская анимация animate()

Рассмотрим пример применения



Как видим, на кликах по кнопкам установлены обработчики, которые добавляют эффекты появления/исчезания/отображения/скрытия других элементов, выбранных по селекторам. Также, в функцииfadeIn() & fadeOut() добавлены параметры 800. Это скорость выполнения анимации в миллисекундах.

Аналогично можно добавлять и другие эффекты, комбинировать их и менять очередность выполнения.