Последние учебники веб-разработки
 

jQuery Эффекты - Скользящие

❮ Предыдущая Следующая Глава ❯

Методы слайд Jquery слайд элементы вверх и вниз.

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

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

На w3ii, вы можете изучить все, что нужно, чтобы узнать, в доступном и удобном формате.

Примеры

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

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

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

JQuery Раздвижные методы

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

Jquery имеет следующие методы слайд:

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

JQuery slideDown() Метод

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

Синтаксис:

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

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

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

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

пример

$("#flip").click(function(){
    $("#panel").slideDown();
});
Попробуй сам "

JQuery slideUp() Метод

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

Синтаксис:

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

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

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

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

пример

$("#flip").click(function(){
    $("#panel").slideUp();
});
Попробуй сам "

JQuery slideToggle() Метод

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

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

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

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

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

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

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

пример

$("#flip").click(function(){
    $("#panel").slideToggle();
});
Попробуй сам "

Проверьте себя с упражнениями!

Упражнение 1 » Упражнение 2» Упражнение 3 » Упражнение 4»

JQuery эффекты Ссылка

Полный обзор всех эффектов JQuery, пожалуйста , перейдите на наш JQuery Effect Reference .


❮ Предыдущая Следующая Глава ❯