Quelle est la différence Fadein vs Fadeout vs Fadeto ?
4 Réponses :
Fadein .. montre un élément progressivement
FADEOUT .. cache un élément progressivement
Fadeto .. modifie l'opacité d'un élément à une valeur donnée
Fadein code> s'efface d'une opacité actuelle des éléments à 1.
FADEOUT CODE> FADES D'UN ÉLÉMENT OPITÉ DU COURANT À 0.
Fadeto code> s'estompe d'une opacité actuelle des éléments à une opacité donnée.
$('#myObject').fadeTo('fast', 0.5, function() {
$('#myObject').fadeTo('fast', 0.8);
});
Fadein () Fadeout () affecte également la propriété d'affichage qui est l'une des principales différences, Fadeto () est capable de s'effacer à un certain degré d'opacité non affichée.
Je ne vois que la redondance linguistique ici, puisque Fadeto convient à tous les cas d'utilisation, peu importe.
Réponse courte:
opacité , tout en animant fondu.
longue réponse:
Fadein () et Fadeout () sont conçus pour contrôler la propriété Affichage , comme Afficher () et masquez (), mais n'annage que d'un fondu entre.
Processus de FADEIN ()
-
Prep: défini sur opacité: 0 .
- processus: défini sur
Affichage: Bloc .
- Processus: passe progressivement à
Opacité: 1 .
Processus de FADEOUT ()
- Processus: passe progressivement à
Opacité: 0 .
- processus: défini sur
Affichage: Aucun .
Fadeto () est destiné à définir la propriété opacité , tout en animant un fondu entre.
Processus de Fadeto ()
-
Prep: défini sur Affichage: Bloc .
- processus: défini sur
opacité: [$] .
Voir le Répartition des formules, ce qui constitue Fadein () et Fadeto () sur jsfiddle.
mise à jour:
Les proches parents de FADEIN () et FADEOUT () sont plutôt monétaires () et masquez ().
show () et masquer () est également destiné à contrôler la propriété Afficher , tout comme Fadein () et FADEOUT (), Mais en outre, animer la largeur et la hauteur entre les deux.
Processus de spectacle ()
- Prep: défini sur
Opacité: 0 , Largeur: 0 , Hauteur: 0
- Processus: défini sur
Affichage: Bloc
- Process: passe progressivement à
Opacité: 1 , Largeur: [auto] , Hauteur: [auto]
processus de masquer ()
- Process: passe progressivement sur
opacité: 0 , largeur: 0 , hauteur: 0
- processus: défini sur
Affichage: Aucun .
Exemple:
comparer Comportement de Fadein (), Fadeout (), Fadeto (), Afficher () et masquez () sur jsfiddle.
Je pense que c'est la meilleure réponse car elle spécifie tout clairement.
La documentation doit décrire ces méthodes: API.JQUERY.com Honnêtement, vous devriez toujours lire la documentation avant de demander Toute question, 90% de vos questions seront répondues là-bas.
@Felixkling - Je suis d'accord avec vous en partie, mais j'ouvre souvent une question comme celle-ci pour la discussion trouve des gotchas cachés dans le cadre de JQuery. Par exemple: