106 of 119 menu

Μέθοδος slideDown

Η μέθοδος slideDown εμφανίζει ομαλά κρυφά στοιχεία, τυλίγοντάς τα από πάνω προς τα κάτω. Μπορείτε να κρύψετε στοιχεία χρησιμοποιώντας τη μέθοδο slideUp.

Σύνταξη

Εμφάνιση σε καθορισμένο χρόνο, 400ms από προεπιλογή:

.slideDown(διάρκεια);

Ο χρόνος μπορεί να καθοριστεί όχι μόνο σε χιλιοστά του δευτερολέπτου, αλλά και με τις λέξεις-κλειδιά slow (600ms) και fast (200ms), όσο μεγαλύτερη είναι η τιμή, τόσο πιο αργή είναι η κίνηση:

.slideDown('slow' ή 'fast');

Εάν δεν καθορίσετε παραμέτρους - δεν θα υπάρξει κίνηση, τα στοιχεία θα εμφανίζονται αμέσως:

.slideDown();

Μπορείτε επίσης να περάσετε μια συνάρτηση easing ως δεύτερη παράμετρο, και μια callback συνάρτηση ως τρίτη - θα ενεργοποιηθεί μετά την ολοκλήρωση της κίνησης. Και οι δύο παράμετροι είναι προαιρετικές:

.slideDown(διάρκεια, [συνάρτηση easing], [συνάρτηση callback]);

Μπορείτε να περάσετε διάφορες επιλογές στη μέθοδο, με τη μορφή ενός αντικειμένου JavaScript, που περιέχει ζεύγη κλειδί: τιμή:

.slideDown(επιλογές);

Ένα τέτοιο αντικείμενο μπορεί να μεταδώσει τις ακόλουθες παραμέτρους και συναρτήσεις - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Περιγραφή αυτών των παραμέτρων μπορείτε να δείτε για τη μέθοδο animate. Για παράδειγμα, ας ορίσουμε τη διάρκεια και τη συνάρτηση easing:

.slideDown( {duration: 600, easing: easeInSine} );

Παράδειγμα

Ας εμφανίσουμε ομαλά, μετά από κλικ στο κουμπί, μια κρυφή παράγραφο χρησιμοποιώντας τη μέθοδο slideDown. Περάτοντας τη λέξη-κλειδί slow, θα ορίσουμε την ταχύτητα σε 600ms. Μετά το τέλος της κίνησης θα εκτυπώσουμε στην κονσόλα 'Animation complete':

<button>εμφάνιση κειμένου</button> <p style="display: none">κείμενο</p> $('button').click(function() { $('p').slideDown('slow', function() { console.log('Animation complete') }); });

Δείτε επίσης

  • μέθοδος slideUp,
    που κρύβει ομαλά στοιχεία
  • μέθοδος slideToggle,
    που εναλλάσσει ομαλή εμφάνιση/απόκρυψη στοιχείων
  • μέθοδος fadeIn,
    που εμφανίζει ομαλά κρυφά στοιχεία, κάνοντάς τα αδιαφανή
  • μέθοδος show,
    που εμφανίζει ομαλά στοιχεία
Ελληνικά
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Χρησιμοποιούμε cookie για τη λειτουργία του ιστότοπου, την ανάλυση και την εξατομίκευση. Η επεξεργασία των δεδομένων γίνεται σύμφωνα με την Πολιτική Απορρήτου.
αποδοχή όλων ρύθμιση απόρριψη