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

Метод fadeIn() jQuery для эффектов

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

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

Этот метод обычно используется вместе сfadeOut()методы используются вместе.

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

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

Синтаксис:

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

Пример

Ввести элементы <div>:

$("button").click(function(){
  $("div").fadeIn();
});
Проверьте, как это работает‹/›

Ввести все элементы <p>:

$("button").click(function(){
  $("p").fadeIn();
});
Проверьте, как это работает‹/›

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

$("button").click(function(){
  $("p").fadeIn(1500);}}
});
Проверьте, как это работает‹/›

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

$("button").click(function(){
  $("div").fadeIn(600, function(){
$("h3").text("Тонирование завершено.");
  });
});
Проверьте, как это работает‹/›

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

$("button").click(function(){
  $("img").fadeIn();
});
Проверьте, как это работает‹/›

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

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

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

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

  • “fast”

  • “slow”

easing(Дополнительное)Указать скорость элементов в различных точках анимации. По умолчанию “swing”

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

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

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

callback(Дополнительное)Функция, которая вызывается после завершения fadeIn(), для каждого выбранного элемента вызывается один раз

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