jQuery Исчезновение

С jQuery можно постепенно делать элементы видимыми или прятать их.

Щелкните, чтобы скрыть/показать панель

Поскольку время - деньги, мы позволяем Вам обучаться быстро и легко.

У нас можно изучить jQuery в доступном и удобном формате.

Примеры

jQuery метод fadeIn()
Демонстрирует постепенное появление jQuery.

jQuery мтеод fadeOut()
Демонстрирует постепенное исчезновение jQuery.

jQuery fadeToggle()
Демонстрирует метод jQuery fadeToggle().

jQuery метод fadeTo()
Демонстрирует jQuery метод fadeTo().

jQuery Методы Исчезания

С jQuery можно постепенно показать или скрыть.

у jQuery есть следующие методы исчезания:

  • fadeIn()

  • fadeOut()

  • fadeToggle()

  • fadeTo()

Постепенное появление jQuery - Метод fadeIn()

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

Синтаксис:

$(селектор).fadeIn(скорость,обратный_вызов);

Дополнительный параметр скорости определяет продолжительность эффекта. Он может принять следующие значения: "slow", "fast" или миллисекунды.

Дополнительный параметр обратного вызова - функция, которая будет выполняться после того, как появление элемента завершается.

Следующий пример демонстрирует метод fadeIn() с различными параметрами:

Пример

$("button").click(function(){
  $("#div1").fadeIn();
  $("#div2").fadeIn("slow");
  $("#div3").fadeIn(3000);
});

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

Постепенное исчезновение jQuery - Метод fadeOut()

Постепенное исчезновение jQuery или метод fadeOut() используется, чтобы постепенно скрыть видимый элемент.

Синтаксис:

$(селектор).fadeOut(скорость,обратный_вызов);

Дополнительный параметр скорости определяет продолжительность эффекта. Параметр может принять следующие значения: "slow", "fast" или миллисекунды.

Дополнительный параметр обратного вызова - функция, которая будет выполняться после того, как исчезновение завершается.

Следующий пример демонстрирует мтеод fadeOut() с различными параметрами:

Пример

$("button").click(function(){
  $("#div1").fadeOut();
  $("#div2").fadeOut("slow");
  $("#div3").fadeOut(3000);
});

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

jQuery Метод fadeToggle()

jQuery метод fadeToggle() переключает между постепенным появлением и постепенным исчезновением.

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

Если элементы постепенно появились, fadeToggle() постепенно их скрывает.

Синтаксис:

$(селектор).fadeToggle(скорость,обратный_вызов);

Дополнительный параметр скорости определяет продолжительность эффекта. Он может принять следующие значения: "slow", "fast" или миллисекунды.

Дополнительный параметр обратного вызова - функция, которая будет выполняться после того, как исчезновение/появление завершается.

Следующий пример демонстрирует fadeToggle() метод с различными параметрами:

Пример

$("button").click(function(){
  $("#div1").fadeToggle();
  $("#div2").fadeToggle("slow");
  $("#div3").fadeToggle(3000);
});

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

jQuery Метод fadeTo()

jQuery метод fadeTo() позволяет исчезать до заданной непрозрачности (значение между 0 и 1).

Синтаксис:

$(селектор).fadeTo(скорость,непрозрачность,обратный_вызов);

Необходимый параметр скорости определяет продолжительность эффекта. Он может принять следующие значения: "slow", "fast" или миллисекунды.

Необходимый параметр непрозрачности в методе fadeTo() определяет исчезновение до заданной непрозрачности (значение между 0 и 1).

Дополнительный параметр обратного вызова - функция, которая будет выполняться после того, как функция fadeTo() завершается.

Следующий пример демонстрирует метод fadeTo() с различными параметрами:

Пример

$("button").click(function(){
  $("#div1").fadeTo("slow",0.15);
  $("#div2").fadeTo("slow",0.4);
  $("#div3").fadeTo("slow",0.7);
});

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

Далее: jQuery - Установка Контента и Атрибутов

Смотрите также
Комментарии
Написать

(обязательно)

(обязательно)

Это не спам (обязательно)