Drop-Down Menu 30+ Χρήσιμες δέσμες ενεργειών για την ενίσχυση της πλοήγησης κεφαλίδων
Πτυσώμενο μενού (επίσης γνωστό ως pull-down μενού) είναι ένα ουσιαστικό στο μεγαλύτερο μέρος του σχεδιασμού ιστοσελίδων. Διαδραματίζει σημαντικό ρόλο στη δημιουργία ενός αποτελεσματικού και εύχρηστου ιστότοπου. Είναι μια καλή λύση για να περικόψετε το μακρύ μενού που είναι συντριπτική το χώρο της οθόνης, να τους εμφανίσει σε μια πιο οργανώσει κατηγορία-υπο κατηγορία κατηγορία.
Σε αυτό το άρθρο, θα θέλαμε να σας δείξουμε μερικά από τα τα καλύτερα σενάρια μενού εμείς γνωρίζουμε. Αυτά τα αναπτυσσόμενα μενού ποικίλλουν από CSS μόνο, CSS & Javascripts και το μενού που θα λειτουργήσει με την τρέχουσα βιβλιοθήκη Javascript όπως σας jQuery, MooTools και Πρωτότυπο. Πλήρης λίστα μετά από άλμα.
Ακολουθούν ορισμένα σχετικά άρθρα που θεωρήσαμε ότι μπορεί να σας ενδιαφέρουν:
- Δημιουργία πινάκων HTML
- Κιτ εκκίνησης για σχεδιαστές ιστοσελίδων
- Γραφήματα πλοήγησης CSS με καρτέλα
CSS (Μόνο)
Εάν ανησυχείτε για την απενεργοποίηση του Javascript στον περιηγητή του πελάτη, αυτά τα αναπτυσσόμενα μενού css-only δεν θα σας απογοητεύσουν.
CSS Drop-Down Menu Framework. Ο τίτλος λέει όλα. Πρόκειται για ένα πλαίσιο που κυκλοφόρησε υπό την Γενική Άδεια Δημόσιας Χρήσης GNU. Cross browser συμβατό, ελαφρύ και εύκολο να μεταμορφωθεί για να μιμηθεί πολλά από τα υπάρχοντα drop down μενού εκεί έξω. Για παράδειγμα Flickr, Adobe και MTV.com.
Το απόλυτο μενού CSS μόνο
CSS Express Express μενού. Σας βοηθά να δημιουργήσετε ένα γρήγορο (γρήγορο) αναπτυσσόμενο μενού CSS χωρίς κάποιο από τους περιορισμούς που υπάρχουν σε μερικά άλλα "καθαρά" μενού CSS.
CSS + Javascripts
Με τη βοήθεια του Javascript, το αναπτυσσόμενο μενού είναι πιο διαδραστικό ή τουλάχιστον έχουν κάποια λεπτή κινούμενη εικόνα που βελτιώνει την εμπειρία των χρηστών. CSS από την άλλη πλευρά, βεβαιωθείτε ότι η εμφάνιση και η αίσθηση είναι εύκολα cuztomizable.
Όλα τα επίπεδα Επίπεδο πλοήγησης (v2.2). CSS / HTML με βάση το μενού με υποστήριξη για άπειρα επίπεδα υπομενού. Είναι ελαφρύ και εύκολο στην εφαρμογή.
Πινακίδες Drop Down (5 στυλ). Οι καρτέλες "Απόρριψη" είναι ένα οριζόντιο μενού καρτελών CSS που υποστηρίζει ένα αναπτυσσόμενο μενού δευτέρου επιπέδου για κάθε καρτέλα. Έρχεται σε 5 διαφορετικά στυλ.
Chrome CSS Drop Down Menu. Το μενού Chrome είναι ένα αναπτυσσόμενο μενού CSS και JavaScript. Είναι εύκολο να διαμορφώσετε και να φιλτράρετε τη μηχανή αναζήτησης. Η κύρια γραμμή μενού αποτελείται από μια λίστα CSS, ενώ τα αναπτυσσόμενα μενού είναι απλά τακτικές ετικέτες DIV στη σελίδα.
jQuerys
Εάν έχετε εφαρμόσει jQuery Javascript Library στο site σας, εδώ είναι μερικά πραγματικά δροσερά jQuery βασίζεται drop down μενού που πρέπει να γνωρίζετε.
Λεπτό μενού πλοήγησης . Το Smooth Navigation Menu είναι ένα πολυεπίπεδο μενού που βασίζεται σε κατάλογο CSS που τροφοδοτείται με το jQuery που κάνει την πλοήγηση στο διαδίκτυο μια ομαλή υπόθεση. Εδώ είναι ένα άλλο παρόμοιο - jQuery Multi Level CSS Menu.
Superfish. Το Superfish είναι ένα βελτιωμένο plugin jQuery του στυλ Suckerfish, το οποίο λαμβάνει ένα υπάρχον αναπτυσσόμενο μενού CSS (έτσι υποβαθμίζει χαριτωμένα χωρίς JavaScript). [Demo | Κατεβάστε]
Μενού Μεγάλης απόκλισης. Ένα αναπτυσσόμενο μενού που περιέχει κάτι περισσότερο από μια νέα γραμμή συνδέσμων. Κάνει επίσης ομαδικούς συνδέσμους και κάνει τη χαλάρωση πολύ πιο εύκολη! [Διαδήλωση]
MooTools
JavaScript αναπτυσσόμενο μενού χρησιμοποιώντας Mootools. Εύκολος, διακριτικός τρόπος για να δημιουργήσετε ένα αναπτυσσόμενο μενού με το Mootools 1.2. [Demo | Κατεβάστε]
UvumiTools Μενού Διόρθωσης. Απλό μενού πολλαπλών επιπέδων που έχει δημιουργηθεί από μια λίστα που δεν έχει καταχωρηθεί σε HTML, χρησιμοποιώντας το Mootools Javascript Framework.
Unobstrusive Mootool Drop Down Menu
Mimics
Σχεδίαση της επικεφαλίδας Digg. Βήμα-βήμα φροντιστήριο σχετικά με τον τρόπο κατασκευής ενός αναπτυσσόμενου μενού που πραγματικά μοιάζει με το Digg's. [Demo | Κατεβάστε]
Διάφορα.
izzyMenu. Δημιουργήστε επαγγελματικά μενού CSS μενού για την ιστοσελίδα σας στο διαδίκτυο, χωρίς να γράφετε μια μόνο γραμμή κώδικα ή απλώς να χρησιμοποιήσετε μερικές από τις έτοιμες.
PureCSS μενού. Δωρεάν γεννήτρια μενού CSS Drop Down Menu