Maison > interface Web > js tutoriel > le corps du texte

Analyse de l'utilisation de la méthode slideUp() dans jQuery_jquery

WBOY
Libérer: 2016-05-16 16:24:54
original
1670 Les gens l'ont consulté

L'exemple de cet article décrit l'utilisation de la méthode slideUp() dans jQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Cette méthode masque dynamiquement tous les éléments correspondants via des changements de hauteur (diminuants vers le haut), et peut également déclencher une fonction de rappel une fois le masquage terminé.
La méthode slideUp() ajuste uniquement la hauteur de l'élément, permettant de masquer l'élément correspondant de manière « coulissante ».

1. Structure grammaticale :
Cette méthode peut spécifier la durée de l'effet d'animation. Si aucune heure n'est spécifiée, la valeur par défaut normale est utilisée. Par exemple :

Copier le code Le code est le suivant :
$("div").slideUp(5000)

Le code ci-dessus peut définir l'effet d'animation pour qu'il soit terminé dans un délai de 5 000 millisecondes (5 secondes).
Cette méthode peut également déclencher une fonction de rappel une fois l'animation terminée. Par exemple :
Copier le code Le code est le suivant :
("div").slideUp(5000,function(){alert ('glisser vers le bas pour terminer !')});

Le code ci-dessus peut déclencher la fonction de rappel une fois l'animation terminée, donc une boîte de dialogue apparaît.
2. Exemple de code :
Copier le code Le code est le suivant :




Accueil du script










Dans le code ci-dessus, cliquez sur le bouton, le div s'affichera lentement et une boîte de dialogue apparaîtra une fois terminé.

J'espère que cet article sera utile à la programmation jQuery de chacun.
É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