English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Метод fadeOut()效果的 jQuery

Методы эффектов jQuery

Метод fadeOut() постепенно уменьшает прозрачность выбранного элемента, изменяя его от видимого к скрытому.

Этот метод обычно используется вместе сfadeIn()Методы могут быть использованы вместе.

Примечание:Скрытые элементы больше не будут влиять на макет страницы.

Синтаксис:

$(selector)fadeOut.(duration, easing, callback)

Пример

Уменьшение яркости всех элементов <p>:

$("button").click(function(){
  $("p").fadeOut();
});
Тестировать, смотреть‹/›

ИспользованиеdurationПараметры:

$("button").click(function(){
  $("p").fadeOut(1500);
});
Тестировать, смотреть‹/›

ИспользованиеcallbackПараметры:

$("button").click(function(){
  $("div").fadeOut(600, function(){
    $("h3").text("Fade OUT complete.");
  });
});
Тестировать, смотреть‹/›

Мы можем реализовать эффект fade-in/fade-out для любого элемента, например, простого изображения:

$("button").click(function(){
  $("img").fadeOut();
});
Тестировать, смотреть‹/›

Значение параметра

ПараметрыОписание
duration(по желанию) Определяет продолжительность эффекта осветления. Предустановленный значение 400 миллисекунд

Возможные значения:

  • миллисекунды (например, 100, 500, 2000 и т.д.)

  • "fast"

  • "slow"

easing(по желанию) Строка, определяющая скорость элементов в различных точках анимации. По умолчанию "swing"

Возможные значения:

  • "swing" - медленное движение в начале/конце, быстрое движение в середине

  • "linear" - движение с постоянной скоростью

callback(по желанию) Метод fadeOut() завершен, вызываемая функция вызывается для каждого выбранного элемента

Методы эффектов jQuery