Effets jQuery - Glissement
Les méthodes de diapositive jQuery font glisser les éléments vers le haut et vers le bas.
Cliquez pour faire glisser vers le bas/haut le panneau
Parce que le temps est précieux, nous offrons un apprentissage rapide et facile.
Chez W3Schools, vous pouvez étudier tout ce dont vous avez besoin pour apprendre, dans un format accessible et pratique.
Exemples
Démontre la méthode jQuery slideDown().
Démontre la méthode jQuery slideUp().
Démontre la méthode jQuery slideToggle().
Méthodes de glissement jQuery
Avec jQuery, vous pouvez créer un effet de glissement sur les éléments.
jQuery a les méthodes de slide suivantes :
slideDown()slideUp()slideToggle()
Méthode jQuery slideDown()
La méthode jQuery slideDown()est utilisée pour faire glisser un élément.
Syntaxe:
$(selector).slideDown(speed,callback);
Le paramètre optionnel speed spécifie la durée de l'effet. Il peut prendre les valeurs suivantes : "slow", "fast" ou millisecondes.
Le paramètre de rappel facultatif est une fonction à exécuter une fois le glissement terminé.
L'exemple suivant illustre la slideDown()méthode :
Exemple
$("#flip").click(function(){
$("#panel").slideDown();
});
Méthode jQuery slideUp()
La méthode jQuery slideUp()est utilisée pour faire glisser un élément vers le haut.
Syntaxe:
$(selector).slideUp(speed,callback);
Le paramètre optionnel speed spécifie la durée de l'effet. Il peut prendre les valeurs suivantes : "slow", "fast" ou millisecondes.
Le paramètre de rappel facultatif est une fonction à exécuter une fois le glissement terminé.
L'exemple suivant illustre la slideUp()méthode :
Exemple
$("#flip").click(function(){
$("#panel").slideUp();
});
Méthode jQuery slideToggle()
La méthode jQuery slideToggle()bascule entre les
méthodes slideDown()et .slideUp()
Si les éléments ont été glissés vers le bas, les slideToggle()fera glisser vers le haut.
Si les éléments ont été glissés vers le haut, les slideToggle()fera glisser vers le bas.
$(selector).slideToggle(speed,callback);
Le paramètre optionnel speed peut prendre les valeurs suivantes : "slow", "fast", millisecondes.
Le paramètre de rappel facultatif est une fonction à exécuter une fois le glissement terminé.
L'exemple suivant illustre la slideToggle()méthode :
Exemple
$("#flip").click(function(){
$("#panel").slideToggle();
});
Exercices jQuery
Référence des effets jQuery
Pour un aperçu complet de tous les effets jQuery, veuillez consulter notre Référence des effets jQuery .