Comment utiliser la méthode fadeout dans jquery-Questions et réponses frontales-php.cn

Comment utiliser la méthode fadeout dans jquery

WBOY

Libérer： 2022-04-15 12:01:32

original

3102 Les gens l'ont consulté

Dans jquery, la méthode fadeout() est utilisée pour modifier progressivement l'opacité des éléments sélectionnés, de visibles à masqués ; les éléments masqués à l'aide de cette méthode n'affecteront pas la mise en page de la page, et la définition des paramètres dans la méthode peut modifier la vitesse. de l'élément fading, la syntaxe est "element object.fadeOut (vitesse, assouplissement, fonction d'exécution)".

Comment utiliser la méthode fadeout dans jquery

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Comment utiliser la méthode fadeout dans jquery

La méthode fadeOut() modifie progressivement l'opacité de l'élément sélectionné, de visible à caché (effet de fondu).

Remarque : Les éléments masqués ne seront pas entièrement affichés (n'affectent plus la mise en page de la page).

Astuce : Cette méthode est généralement utilisée avec la méthode fadeIn().

Syntaxe

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

Copier après la connexion

les paramètres sont exprimés comme suit :

vitesse facultative. Spécifie la vitesse de l’effet de fondu. Valeurs possibles :

"lent"

"rapide"

easing Facultatif. Spécifie la vitesse de l'élément à différents points de l'animation. La valeur par défaut est "swing". Valeurs possibles :

"swing" - se déplace lentement au début/à la fin, se déplace rapidement au milieu

"linéaire" - se déplace à une vitesse constante

Conseil : d'autres fonctions d'accélération sont disponibles dans l'extension.

rappel facultatif. Fonction à exécuter après l'exécution de la méthode fadeOut().

L'exemple est le suivant :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$(".btn1").click(function(){
$("p").fadeOut()
});
});
</script>
</head>
<body>
<button class="btn1">淡出</button>
<p>这是一个段落。</p>
</body>
</html>

Copier après la connexion

Résultat de sortie :

Comment utiliser la méthode fadeout dans jquery