Latest web development tutorials

JQuery эффекты - замирание

По Jquery, вы можете реализовать элементы исчезать эффект.

Нажмите на дисплей Fade In / Out панели

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

В этом уроке, вы можете узнать необходимые знания.

примеров

JQuery FadeIn ()
JQuery FadeIn () метод Demo.

JQuery Fadeout ()
JQuery Fadeout () метод Demo.

JQuery fadeToggle ()
JQuery fadeToggle () метод Demo.

JQuery fadeTo ()
JQuery fadeTo () метод Demo.

JQuery метод выцветания

По Jquery, вы можете реализовать элементы исчезать эффект.

Jquery имеет четыре замирание следующие методы:

  • FadeIn ()
  • Затухание ()
  • fadeToggle ()
  • fadeTo ()

метод JQuery FadeIn ()

JQuery FadeIn () используется для исчезать в скрытых элементов.

Синтаксис:

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

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

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

В следующем примере показано, с разными параметрами метода FadeIn ():

примеров

$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});

Попробуйте »

метод JQuery Fadeout ()

метод JQuery Fadeout () используется для исчезать видимые элементы.

Синтаксис:

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

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

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

В следующем примере показано, с разными параметрами метода Fadeout ():

примеров

$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});

Попробуйте »

метод JQuery fadeToggle ()

JQuery fadeToggle () метод может переключаться между FadeIn () и Fadeout () метод.

Если элемент ушел, fadeToggle () добавит эффект затухания к элементам.

Если элемент является замирание, то fadeToggle () добавит эффект постепенного исчезновения к элементам.

Синтаксис:

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

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

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

В следующем примере показано, с разными параметрами метода fadeToggle ():

примеров

$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});

Попробуйте »

метод JQuery fadeTo ()

Метод JQuery fadeTo () позволяет для заданного градиента непрозрачности (значение от 0 до 1).

Синтаксис:

$(selector).fadeTo(speed,opacity,callback);

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

Непрозрачность параметры метода fadeTo () требуемый эффект будет исчезать к данной непрозрачности (значение от 0 до 1).

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

Следующий пример демонстрирует fadeTo с различными параметрами () метод:

примеров

$("button").click(function(){
$("#div1").fadeTo("slow",0.15);
$("#div2").fadeTo("slow",0.4);
$("#div3").fadeTo("slow",0.7);
});

Попробуйте »