jQuery Скольжение

В jQuery есть методы скольжения, которые двигают элементы вверх и вниз.

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

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

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

Примеры

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

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

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

jQuery Методы Скольжения

В jQuery можно создать скользящий эффект для элементов.

У jQuery есть следующие методы скольжения:

  • slideDown()
  • slideUp()
  • slideToggle()

jQuery Метод slideDown()

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

Синтаксис:

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

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

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

Следующий пример демонстрирует метод slideDown():

Пример

$("#flip").click(function(){
  $("#panel").slideDown();
});

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

jQuery Метод slideUp()

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

Синтаксис:

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

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

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

Следующий пример демонстрирует метод slideUp():

Пример

$("#flip").click(function(){
  $("#panel").slideUp();
});

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

jQuery Метод slideToggle()

jQuery метод slideToggle() переключает между методами slideDown() и slideUp().

Если элементы были сдвинуты вниз, slideToggle() будет двигать их вверх.

Если элементы были сдвинуты вверх, slideToggle() будет двигать их вниз.

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

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

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

Следующий пример демонстрирует метод slideToggle():

Пример

$("#flip").click(function(){
  $("#panel").slideToggle();
});

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

Далее: jQuery - Добавление Элементов

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

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

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

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