jQuery эффект - метод fadeIn()

Пример

Используйте эффект исчезновения и appearances для отображения скрытого элемента <p>:

$(".btn2").click(function(){
  $("p").fadeIn();
});

Попробуйте сами

Определение и использование

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

Синтаксис

$(selector).fadeIn(speed,callback)
Параметры Описание
speed

Опционально. Укажите скорость появления элемента из скрытого состояния в видимое. По умолчанию "normal".

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

  • Миллисекунды (например, 1500)
  • "slow"
  • "normal"
  • "fast"

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

callback

Опционально. Функция, которая будет выполнена после выполнения функции fadeIn.

Чтобы узнать больше о callback, обратитесь к главе jQuery Callback.

Этот параметр можно установить только при условии, что установлен параметр speed.

Советы и комментарии

Совет:Если элемент уже виден, эффект не производит изменений,除非 указан callback-функция.

Комментарий:Этот эффект применяется к элементам, скрытым с помощью jQuery, или к элементам, для которых в CSS указан display:none (но не к элементам с visibility:hidden).

Более примеров

Используйте параметр speed
Используйте параметр speed для анимации исчезновения и появления элементов.