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

Метод fadeToggle() jQuery effects

Методы HTML/CSS jQuery

Метод fadeToggle() доступен вfadeIn()иfadeOut()Переключение между методами.

Если выбранные элементы затемнены, fadeToggle() их осветлит.

Если выбранные элементы были наложены, fadeToggle() их осветлит.

Внимание:Скрытые элементы больше не влияют на макет страницы.

Синтаксис:

$selector.fadeToggle(duration, easing, callback)

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

Переключение между fadeIn и fadeOut всех элементов <p>:

Пример
  $("p").fadeToggle();
$("img").fadeToggle();
});

使用ОписаниеИспользование

Пример
  $("p").fadeToggle(1500);
$("img").fadeToggle();
});

使用"linear" - движение с постоянной скоростьюИспользование

Пример
  Параметры:
    $("div").fadeToggle(1500, function(){
  $("img").fadeToggle();
$("img").fadeToggle();
});

alert("Эффект fadeToggle завершен!!!");

Пример
  $("button").click(function(){
$("img").fadeToggle();
});

Проверьте, как это работает‹/›

Значение параметраПараметры
Описаниеduration

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

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

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

  • "fast"

"slow"easing

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

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

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

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

Методы HTML/CSS jQuery