English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Метод 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 миллисекунд Возможные значения:
|
easing | (по желанию) Строка, определяющая скорость элементов в различных точках анимации. По умолчанию "swing" Возможные значения:
|
callback | (по желанию) Метод fadeOut() завершен, вызываемая функция вызывается для каждого выбранного элемента |