Derniers tutoriels de développement web
 

jQuery Effets - Sliding


Les méthodes de diapositives jQuery glisser les éléments vers le haut et vers le bas.

Cliquez pour glisser vers le bas / le panneau

Parce que le temps est précieux, nous offrons un apprentissage rapide et facile.

À w3ii, vous pouvez tout ce que vous avez besoin d'apprendre, dans un format accessible et maniable étudier.


Exemples

jQuery slideDown()
Démontre l'jQuery slideDown() méthode.

jQuery slideUp()
Démontre l'jQuery slideUp() méthode.

jQuery slideToggle()
Démontre l'jQuery slideToggle() méthode.


jQuery Méthodes coulissantes

Avec jQuery, vous pouvez créer un effet de glissement sur les éléments.

jQuery a les méthodes de diapositives suivantes:

  • slideDown()
  • slideUp()
  • slideToggle()

jQuery slideDown() Méthode

Le jQuery slideDown() méthode est utilisée pour glisser vers le bas un élément.

Syntaxe:

$(selector).slideDown(speed,callback);

Le paramètre de vitesse optionnel spécifie la durée de l'effet. Il peut prendre les valeurs suivantes: "slow", "fast" , ou en millisecondes.

Le paramètre de rappel optionnel est une fonction à exécuter après le glissement terminée.

L'exemple suivant illustre le slideDown() méthode:

Exemple

$("#flip").click(function(){
    $("#panel").slideDown();
});
Essayez - le vous - même »

jQuery slideUp() Méthode

Le jQuery slideUp() méthode est utilisée pour glisser vers le haut d' un élément.

Syntaxe:

$(selector).slideUp(speed,callback);

Le paramètre de vitesse optionnel spécifie la durée de l'effet. Il peut prendre les valeurs suivantes: "slow", "fast" , ou en millisecondes.

Le paramètre de rappel optionnel est une fonction à exécuter après le glissement terminée.

L'exemple suivant illustre le slideUp() méthode:

Exemple

$("#flip").click(function(){
    $("#panel").slideUp();
});
Essayez - le vous - même »

jQuery slideToggle() Méthode

Le jQuery slideToggle() méthode permet de basculer entre le slideDown() et slideUp() méthodes.

Si les éléments ont été glissé vers le bas, slideToggle() va glisser vers le haut.

Si les éléments ont été glissé jusqu'à, slideToggle() va les glisser vers le bas.

$(selector).slideToggle(speed,callback);

Le paramètre de vitesse en option peut prendre les valeurs suivantes: "slow", "fast" , millisecondes.

Le paramètre de rappel optionnel est une fonction à exécuter après le glissement terminée.

L'exemple suivant illustre le slideToggle() méthode:

Exemple

$("#flip").click(function(){
    $("#panel").slideToggle();
});
Essayez - le vous - même »

Testez-vous avec des exercices!

Exercice 1 » Exercice 2» Exercice 3 » Exercice 4»


jQuery Effets de référence

Pour un aperçu complet de tous les effets jQuery, s'il vous plaît aller à notre Effet Référence jQuery .