Latest web development tutorials

effets jQuery - fondu

Par jQuery, vous pouvez mettre en œuvre des éléments fade out effet.

Cliquez sur l'affichage Fade In panneau / Out

Parce que le temps est précieux, nous offrons un moyen rapide et pratique pour apprendre.

Dans ce tutoriel, vous pouvez apprendre les connaissances nécessaires.

Exemples

jQuery fadeIn ()
méthode Demo jQuery fadeIn ().

jQuery fadeOut ()
méthode Demo jQuery fadeOut ().

jQuery fadeToggle ()
méthode Demo jQuery fadeToggle ().

jQuery fadeTo ()
méthode Demo jQuery fadeTo ().

jQuery fading Méthode

Par jQuery, vous pouvez mettre en œuvre des éléments fade out effet.

jQuery a quatre fondu les méthodes suivantes:

  • fadeIn ()
  • fadeOut ()
  • fadeToggle ()
  • fadeTo ()

méthode jQuery fadeIn ()

jQuery fadeIn () est utilisée pour estomper les éléments cachés.

Syntaxe:

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

Le paramètre de vitesse optionnel spécifie la durée de l'effet. Il peut prendre les valeurs suivantes: "lent", "rapide", ou en millisecondes. .

Le paramètre de rappel optionnel est le nom de la fonction exécutée après la décoloration terminée.

L'exemple suivant illustre, avec la méthode des paramètres différents fadeIn ():

Exemples

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

Essayez »

méthode jQuery fadeOut ()

méthode jQuery fadeOut () est utilisée pour estomper les éléments visibles.

Syntaxe:

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

Le paramètre de vitesse optionnel spécifie la durée de l'effet. Il peut prendre les valeurs suivantes: "lent", "rapide", ou en millisecondes.

Le paramètre de rappel optionnel est le nom de la fonction exécutée après la décoloration terminée.

L'exemple suivant illustre, avec la méthode des paramètres différents fonduSortie ():

Exemples

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

Essayez »

méthode jQuery fadeToggle ()

jQuery fadeToggle méthode () peut être commuté entre fadeIn () et fadeOut () méthode.

Si l'élément a quitté, le fadeToggle () va ajouter un effet de fondu aux éléments.

Si l'élément est un fondu, l'fadeToggle () va ajouter un effet fade-out aux éléments.

Syntaxe:

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

Le paramètre de vitesse optionnel spécifie la durée de l'effet. Il peut prendre les valeurs suivantes: "lent", "rapide", ou en millisecondes.

Le paramètre de rappel optionnel est le nom de la fonction exécutée après la décoloration terminée.

L'exemple suivant illustre, avec la méthode des paramètres différents fadeToggle ():

Exemples

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

Essayez »

méthode jQuery fadeTo ()

méthode jQuery fadeTo () permet une opacité gradient donné (une valeur comprise entre 0 et 1).

Syntaxe:

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

paramètres de vitesse durée requises spécifiées effet. Il peut prendre les valeurs suivantes: "lent", "rapide", ou en millisecondes.

opacité paramètres méthode fadeTo () nécessaire se fanent effet à l'opacité donnée (une valeur comprise entre 0 et 1).

Le paramètre de rappel optionnel est le nom de la fonction après l'achèvement de la fonction réalisée.

L'exemple suivant illustre fadeTo avec des paramètres différents (méthode):

Exemples

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

Essayez »