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