Эффекты jQuery - скольжение

Метод jQuery slideDown() позволяет элементам скользить вверх и вниз.

Пример эффектов

Нажмите здесь, чтобы скрыть/показать панель

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

Здесь вы можете получить любую нужную вам информацию в понятной и удобной форме.

Пример

jQuery slideDown()
Демонстрация метода slideDown() jQuery.
jQuery slideUp()
Демонстрация метода slideUp() jQuery.
jQuery slideToggle()
Демонстрация метода slideToggle() jQuery.

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

С помощью jQuery вы можете создавать скользящие эффекты на элементах.

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

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

Метод slideDown() jQuery

Метод slideDown() jQuery используется для скольжения элемента вниз.

Синтаксис:

$(selector).slideDown(speed,callback);

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

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

Ниже приведен пример использования метода slideDown():

Пример

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

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

Метод slideUp() jQuery

Метод slideUp() jQuery используется для скольжения элемента вверх.

Синтаксис:

$(selector).slideUp(speed,callback);

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

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

Ниже приведен пример использования метода slideUp():

Пример

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

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

Метод slideToggle() jQuery

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

Если элемент должен быть скроллен向下, то slideToggle() может его поднять.

Если элемент должен быть скроллен向上, то slideToggle() может его опустить.

$(selector).slideToggle(speed,callback);

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

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

Ниже приведен пример использования метода slideToggle():

Пример

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

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

Руководство по эффектам jQuery

Для полного доступа к эффектам jQuery, пожалуйста, посетите наш Руководство по эффектам jQuery。