С помощью JQuery вы можете исчезать элементы в и из видимости.
Нажмите, чтобы исчезнуть в / из панели
Потому что время ценно, мы предлагаем быстрое и простое обучение.
На w3ii , вы можете изучить все , что нужно , чтобы узнать, в доступном и удобном формате.
Примеры
JQuery fadeIn()
Демонстрирует JQuery fadeIn() метод.
JQuery fadeOut()
Демонстрирует JQuery fadeOut() метод.
JQuery fadeToggle()
Демонстрирует JQuery fadeToggle() метод.
JQuery fadeTo()
Демонстрирует JQuery fadeTo() метод.
Jquery методы Fading
С помощью JQuery вы можете исчезать элемент и из видимости.
Jquery имеет следующие методы выцветанию:
- fadeIn()
- fadeOut()
- fadeToggle()
- fadeTo()
JQuery fadeIn() Метод
Jquery fadeIn() метод используется для исчезать в скрытый элемент.
Синтаксис:
$(selector).fadeIn(speed,callback);Необязательный параметр скорости определяет длительность эффекта. Он может принимать следующие значения: "slow", "fast" или миллисекунды.
Необязательный параметр обратного вызова является функцией, которая будет выполнена после того, как замирание завершается.
Следующий пример демонстрирует fadeIn() метод с различными параметрами:
пример
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
}); Попробуй сам " JQuery fadeOut() Метод
Jquery fadeOut() метод используется для выведения изображения видимого элемента.
Синтаксис:
$(selector).fadeOut(speed,callback);Необязательный параметр скорости определяет длительность эффекта. Он может принимать следующие значения: "slow", "fast" или миллисекунды.
Необязательный параметр обратного вызова является функцией, которая будет выполнена после того, как замирание завершается.
Следующий пример демонстрирует fadeOut() метод с различными параметрами:
пример
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
}); Попробуй сам " JQuery fadeToggle() Метод
JQuery fadeToggle() метод переключает между fadeIn() и fadeOut() методы.
Если элементы затемнены, fadeToggle() будет исчезать их.
Если элементы тусклые в, fadeToggle() будет исчезать их.
Синтаксис:
$(selector).fadeToggle(speed,callback);Необязательный параметр скорости определяет длительность эффекта. Он может принимать следующие значения: "slow", "fast" или миллисекунды.
Необязательный параметр обратного вызова является функцией, которая будет выполнена после того, как замирание завершается.
Следующий пример демонстрирует fadeToggle() метод с различными параметрами:
пример
$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
}); Попробуй сам " JQuery fadeTo() Метод
Jquery fadeTo() метод позволяет выцветания к данной непрозрачности (значение от 0 до 1).
Синтаксис:
$(selector).fadeTo(speed,opacity,callback);Обязательный параметр скорости определяет длительность эффекта. Он может принимать следующие значения: "slow", "fast" или миллисекунды.
Обязательный параметр непрозрачности в fadeTo() метод определяет выцветания к данной непрозрачности (значение от 0 до 1).
Необязательный параметр обратного вызова является функцией, которая будет выполнена после того, как функция завершается.
Следующий пример демонстрирует fadeTo() метод с различными параметрами:
пример
$("button").click(function(){
$("#div1").fadeTo("slow", 0.15);
$("#div2").fadeTo("slow", 0.4);
$("#div3").fadeTo("slow", 0.7);
}); Попробуй сам " Проверьте себя с упражнениями!
Упражнение 1 » Упражнение 2» Упражнение 3 » Упражнение 4» Упражнение 5 »
JQuery эффекты Ссылка
Полный обзор всех эффектов JQuery, пожалуйста , перейдите на наш JQuery Effect Reference .