Эффекты jQuery — исчезновение
С помощью jQuery вы можете делать элементы видимыми и невидимыми.
Нажмите, чтобы исчезнуть панель
Поскольку время ценно, мы обеспечиваем быстрое и легкое обучение.
В W3Schools вы можете изучать все, что вам нужно, в доступном и удобном формате.
Примеры
Демонстрирует метод jQuery fadeIn().
Демонстрирует метод jQuery fadeOut().
Демонстрирует метод jQuery fadeToggle().
Демонстрирует метод jQuery fadeTo().
Методы затухания jQuery
С помощью jQuery вы можете сделать элемент видимым и невидимым.
jQuery имеет следующие методы затухания:
fadeIn()fadeOut()fadeToggle()fadeTo()
Метод jQuery fadeIn()
Метод jQuery fadeIn()используется для постепенного появления скрытого элемента.
Синтаксис:
$(selector).fadeIn(speed,callback);
Необязательный параметр скорости определяет продолжительность эффекта. Может принимать следующие значения: «медленно», «быстро» или миллисекунды.
Необязательный параметр обратного вызова — это функция, которая будет выполняться после завершения затухания.
В следующем примере демонстрируется fadeIn()метод с различными параметрами:
Пример
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
jQuery метод fadeOut()
Метод jQuery fadeOut()используется для затемнения видимого элемента.
Синтаксис:
$(selector).fadeOut(speed,callback);
Необязательный параметр скорости определяет продолжительность эффекта. Может принимать следующие значения: «медленно», «быстро» или миллисекунды.
Необязательный параметр обратного вызова — это функция, которая будет выполняться после завершения затухания.
В следующем примере демонстрируется fadeOut()метод с различными параметрами:
Пример
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});
JQuery метод fadeToggle()
Метод jQuery fadeToggle()переключается между
методами fadeIn()и .fadeOut()
Если элементы исчезли, fadeToggle()они исчезнут.
Если элементы исчезают, fadeToggle()они исчезают.
Синтаксис:
$(selector).fadeToggle(speed,callback);
Необязательный параметр скорости определяет продолжительность эффекта. Может принимать следующие значения: «медленно», «быстро» или миллисекунды.
Необязательный параметр обратного вызова — это функция, которая будет выполняться после завершения затухания.
В следующем примере демонстрируется fadeToggle()метод с различными параметрами:
Пример
$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});
JQuery метод fadeTo()
Метод jQuery fadeTo()позволяет затухать до заданной непрозрачности (значение от 0 до 1).
Синтаксис:
$(selector).fadeTo(speed,opacity,callback);
Требуемый параметр скорости определяет продолжительность эффекта. Может принимать следующие значения: «медленно», «быстро» или миллисекунды.
Обязательный параметр непрозрачности в fadeTo()методе задает затухание до заданной непрозрачности (значение от 0 до 1).
Необязательный параметр обратного вызова — это функция, которая должна быть выполнена после завершения функции.
В следующем примере демонстрируется fadeTo()метод с различными параметрами:
Пример
$("button").click(function(){
$("#div1").fadeTo("slow", 0.15);
$("#div2").fadeTo("slow", 0.4);
$("#div3").fadeTo("slow", 0.7);
});
jQuery-упражнения
Справочник по эффектам jQuery
Полный обзор всех эффектов jQuery см. в нашем Справочнике по эффектам jQuery .