Εφέ jQuery - Σκίνηση

Η μέθοδος jQuery slideDown() επιτρέπει στο στοιχείο να κινείται από πάνω προς τα κάτω.

Παρουσίαση Εφέ

Κάντε κλικ εδώ για να κρύψετε/εμφανίσετε την πύλη

Κάθε δευτερόλεπτο είναι αξίας χρυσού, οπότε σας παρέχουμε περιεχόμενο που είναι γρήγορο και εύκολο να κατανοηθεί.

Εδώ, μπορείτε να αποκτήσετε οποιαδήποτε γνώση που χρειάζεστε με έναν κατανοητό και εύκολο τρόπο.

Παράδειγμα

jQuery slideDown()
Παρουσίαση της μεθόδου slideDown() του jQuery.
jQuery slideUp()
Παρουσίαση της μεθόδου slideUp() του jQuery.
jQuery slideToggle()
Παρουσίαση της μεθόδου slideToggle() του jQuery.

Μέθοδοι Κίνησης jQuery

Με το jQuery, μπορείτε να δημιουργήσετε κινήσεις σε στοιχεία.

Το jQuery διαθέτει τις παρακάτω κινήσεις:

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

Η μέθοδος slideDown() του jQuery

Η μέθοδος slideDown() του jQuery χρησιμοποιείται για να μετακινήσει τα στοιχεία προς τα κάτω.

Γραμματική:

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

Ο παραμέτρος speed καθορίζει την διάρκεια της κίνησης. Μπορεί να πάρει τις τιμές: "slow", "fast" ή σε χιλιοστά δευτερόλεπτων.

Ο παραμέτρος callback είναι το όνομα της συνάρτησης που εκτελείται μετά την ολοκλήρωση της κίνησης.

Το παρακάτω παράδειγμα δείχνει την χρήση της μεθόδου slideDown():

Παράδειγμα

$("#flip").click(function(){
  $("#panel").slideDown();
});

δοκιμάστε προσωπικά

Η μέθοδος slideUp() του jQuery

Η μέθοδος slideUp() του jQuery χρησιμοποιείται για να μετακινήσει τα στοιχεία προς τα πάνω.

Γραμματική:

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

Οπション speed Ο παραμέτρος speed καθορίζει την διάρκεια της κίνησης. Μπορεί να πάρει τις τιμές: "slow", "fast" ή σε χιλιοστά δευτερόλεπτων.

Οπション callback Ο παραμέτρος callback είναι το όνομα της συνάρτησης που εκτελείται μετά την ολοκλήρωση της κίνησης.

Το παρακάτω παράδειγμα δείχνει την χρήση της μεθόδου slideUp():

Παράδειγμα

$("#flip").click(function(){
  $("#panel").slideUp();
});

δοκιμάστε προσωπικά

Η μέθοδος slideToggle() του jQuery

Η μέθοδος slideToggle() του jQuery μπορεί να εναλλάσσεται μεταξύ των μεθόδων slideDown() και slideUp().

Αν το στοιχείο μετακινηθεί προς τα κάτω, το slideToggle() μπορεί να το μετακινήσει προς τα πάνω.

Αν το στοιχείο μετακινηθεί προς τα πάνω, το slideToggle() μπορεί να το μετακινήσει προς τα κάτω.

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

Οπション speed Ο παραμέτρος speed καθορίζει την διάρκεια της κίνησης. Μπορεί να πάρει τις τιμές: "slow", "fast" ή σε χιλιοστά δευτερόλεπτων.

Οπション callback Ο παραμέτρος callback είναι το όνομα της συνάρτησης που εκτελείται μετά την ολοκλήρωση της κίνησης.

Το παρακάτω παράδειγμα δείχνει την χρήση της μεθόδου slideToggle():

Παράδειγμα

$("#flip").click(function(){
  $("#panel").slideToggle();
});

δοκιμάστε προσωπικά

Εγχειρίδιο Εφέ jQuery

Για πλήρη αναζήτηση των εφέ του jQuery, παρακαλώ επισκεφθείτε τον Εγχειρίδιο Εφέ jQuery。