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