jQuery Εφέ - Μέθοδος fadeIn()
Παράδειγμα
Χρήση του εφέ φωτεινότητας για την εμφάνιση ενός κρυμμένου στοιχείου <p>:
$(".btn2").click(function(){ $("p").fadeIn(); });
Ορισμός και Χρήση
fadeIn() Μέθοδος χρησιμοποιεί το εφέ φωτεινότητας για να εμφανίσει το επιλεγμένο στοιχείο, αν είναι κρυμμένο.
Γλωσσάρα
$(συλλέκτης).fadeIn(speed,callback)
Παράμετροι | Περιγραφή |
---|---|
speed |
Επιλογή. Ορίζει την ταχύτητα από κρυφή σε εμφανές του στοιχείου. Η προεπιλεγμένη τιμή είναι "normal". Πιθανές τιμές:
Με την ρύθμιση της ταχύτητας, το στοιχείο θα αλλάζει τη διαφάνεια από κρυφή σε εμφανές σταδιακά (δημιουργώντας έτσι το εφέ φωτεινότητας). |
callback |
Επιλογή. Η συνάρτηση που θα εκτελεστεί μετά την ολοκλήρωση της συνάρτησης fadeIn. Για να μάθετε περισσότερα για το callback, επισκεφτείτε το κεφάλαιο jQuery Callback μας. Δεν μπορεί να ρυθμιστεί αυτός ο παράμετρος αν δεν έχει οριστεί το παράμετρο speed. |
Συμβουλές και Σημειώσεις
Συμβουλή:Αν το στοιχείο είναι ήδη εμφανές, το εφέ δεν προκαλεί καμία αλλαγή, εκτός αν καθοριστεί η συνάρτηση callback.
Σημείωση:Αυτό το εφέ είναι κατάλληλο για στοιχεία που κρύβονται με το jQuery ή που έχουν δηλωθεί display:none στο CSS (δεν ισχύει για visibility:hidden).
Περισσότερες παραδείξεις
- Χρήση του παραμέτρου speed
- Χρήση του παραμέτρου speed για την επιτάχυνση της φωτεινότητας ή της σκοτεινιάς των στοιχείων.