Maison >interface Web >js tutoriel >Utilisation de fadeIn (fondu entrant) fadeOut (fondu sortant) dans jquery

Utilisation de fadeIn (fondu entrant) fadeOut (fondu sortant) dans jquery

巴扎黑
巴扎黑original
2017-06-30 10:12:203494parcourir

É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)

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(); Une fois ces deux combinés, les problèmes d'IE678 seront résolus

                .relative{position: relative: Heinher}

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!

Déclaration:
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