Maison > interface Web > js tutoriel > les événements de fondu d'entrée et de sortie de jquery fadeIn fadeOut

les événements de fondu d'entrée et de sortie de jquery fadeIn fadeOut

巴扎黑
Libérer: 2017-06-29 11:54:03
original
1271 Les gens l'ont consulté

Événements fadeIn et fadeout de jquery fadeIn fadeOut

1 La méthode fadeIn() utilise l'effet de fondu entrant pour afficher l'élément sélectionné (l'élément est masqué). )

$(selector).fadeIn(speed,callback)
Copier après la connexion

Description du paramètre vitesse, facultatif. Spécifie la rapidité avec laquelle un élément passe de masqué à visible. La valeur par défaut est « normal ». Valeurs possibles : millisecondes (par exemple 1500) "lent" "normal" "rapide"

rappel, facultatif. Fonction à exécuter après l'exécution de la fonction fadeIn. (Ce paramètre ne peut être défini que si le paramètre de vitesse est défini)


2.fadeOut()

fadeOut(speed, [ callback]) implémente l'effet de fondu de tous les éléments correspondants via des changements d'opacité, et déclenche éventuellement une fonction de rappel une fois l'animation terminée.

Cette animation ajuste uniquement l'opacité de l'élément, ce qui signifie que la hauteur et la largeur de tous les éléments correspondants ne changeront pas.

Une chaîne de l'une des trois vitesses prédéterminées (« lente », « normale » ou « rapide ») ou une valeur en millisecondes représentant la durée de l'animation (par exemple : 1000)



3. BUG indiquant que les méthodes fadeIn et fadeOut de jquery sous IE ne sont pas valides


BUG1 : Positionnement absolu Positionnement absolu imbriqué

En résolvant le remplacement correspondant de

Flottant , vous pouvez obtenir l'effet de fondu Positionnement absolu des images imbriquées

qui est plus grand que la taille parent peut être résolu en ajustant la taille


BUG3 : IE6 IE7 IE8 fadeIn lorsque
position

: bug relatif () fadeOut()

Si l'élément enfant de l'élément fadeIn a l'attribut position, la valeur relative est la plus sérieuse. L'élément avec l'attribut position n'aura pas l'effet de fadeIn !

                        Solution : Changez dynamiquement l'attribut de position en relatif avant fadeIn (); cela résoudra ce bug sous IE7 'relative').                                                                                                               s'installer en Europe pour être filtré. 'relatif').fadeIn(); Ces deux problèmes seront résolus une fois combinés avec IE678

                  .relative{position: relative; filter:heritate}

Référence : http://www. cnblogs.com/lxiang/archive/2012/05/07/2482530.html



Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal