Эффекты jQuery — скольжение
Методы слайдов jQuery перемещают элементы вверх и вниз.
Нажмите, чтобы скользить вниз/вверх по панели
Поскольку время ценно, мы обеспечиваем быстрое и легкое обучение.
В W3Schools вы можете изучать все, что вам нужно, в доступном и удобном формате.
Примеры
Демонстрирует метод jQuery slideDown().
Демонстрирует метод jQuery slideUp().
Демонстрирует метод jQuery slideToggle().
Методы скольжения jQuery
С помощью jQuery вы можете создать эффект скольжения на элементах.
jQuery имеет следующие методы слайдов:
slideDown()slideUp()slideToggle()
Метод jQuery слайддаун()
Метод jQuery slideDown()используется для скольжения элемента вниз.
Синтаксис:
$(selector).slideDown(speed,callback);
Необязательный параметр скорости определяет продолжительность эффекта. Может принимать следующие значения: «медленно», «быстро» или миллисекунды.
Необязательный параметр обратного вызова — это функция, которая будет выполняться после завершения скольжения.
Следующий пример демонстрирует slideDown()метод:
Пример
$("#flip").click(function(){
$("#panel").slideDown();
});
Метод jQuery slideUp()
Метод jQuery slideUp()используется для перемещения элемента вверх.
Синтаксис:
$(selector).slideUp(speed,callback);
Необязательный параметр скорости определяет продолжительность эффекта. Может принимать следующие значения: «медленно», «быстро» или миллисекунды.
Необязательный параметр обратного вызова — это функция, которая будет выполняться после завершения скольжения.
Следующий пример демонстрирует slideUp()метод:
Пример
$("#flip").click(function(){
$("#panel").slideUp();
});
Метод jQuery slideToggle()
Метод jQuery slideToggle()переключается между
методами slideDown()и .slideUp()
Если элементы были сдвинуты вниз, slideToggle()они будут сдвинуты вверх.
Если элементы были сдвинуты вверх, slideToggle()они будут сдвинуты вниз.
$(selector).slideToggle(speed,callback);
Необязательный параметр скорости может принимать следующие значения: «медленно», «быстро», миллисекунды.
Необязательный параметр обратного вызова — это функция, которая будет выполняться после завершения скольжения.
Следующий пример демонстрирует slideToggle()метод:
Пример
$("#flip").click(function(){
$("#panel").slideToggle();
});
jQuery-упражнения
Справочник по эффектам jQuery
Полный обзор всех эффектов jQuery см. в нашем Справочнике по эффектам jQuery .