Πώς μπορώ να ανοίξω το αναπτυσσόμενο μενού bootstrap με κλικ αντί να τοποθετήσω το δείκτη του ποντικιού;
Πώς μπορώ να ανοίξω το αναπτυσσόμενο μενού bootstrap με κλικ αντί να τοποθετήσω το δείκτη του ποντικιού;

Βίντεο: Πώς μπορώ να ανοίξω το αναπτυσσόμενο μενού bootstrap με κλικ αντί να τοποθετήσω το δείκτη του ποντικιού;

Βίντεο: Πώς μπορώ να ανοίξω το αναπτυσσόμενο μενού bootstrap με κλικ αντί να τοποθετήσω το δείκτη του ποντικιού;
Βίντεο: CS50 2015 - Week 7 2024, Απρίλιος
Anonim

Απάντηση: Χρησιμοποιήστε το jQuery φτερουγίζω () μέθοδος

Από προεπιλογή, σε Άνοιξε ή εμφανίστε το πτυσώμενο μενού σε Bootstrap πρέπει να Κάντε κλικ στο στοιχείο σκανδάλης. Ωστόσο, αν θέλετε προβολή ο αναπτυσσόμενη λίστα επί το ποντίκι αντί Κάντε κλικ μπορείτε να το κάνετε με μικρή προσαρμογή χρησιμοποιώντας το CSS και το jQuery.

Ως εκ τούτου, πώς δημιουργείτε ένα αναπτυσσόμενο μενού στο μενού αιώρησης;

Χρησιμοποιήστε οποιοδήποτε στοιχείο για να ανοίξετε το πτυσώμενο μενού , π.χ. α, ο

στοιχείο. Χρησιμοποιήστε ένα στοιχείο δοχείου (όπως) για να δημιουργώ ο πτυσώμενο μενού και προσθέστε το αναπτυσσόμενη λίστα συνδέσμους μέσα σε αυτό. Τυλίξτε ένα στοιχείο γύρω από το κουμπί και το για να το τοποθετήσετε πτυσώμενο μενού σωστά με το CSS.

πώς μπορώ να δημιουργήσω μια αναπτυσσόμενη γραμμή στο bootstrap; Ας χρησιμοποιήσουμε Bootstrap για την εφαρμογή αυτών των τριών κοινών χαρακτηριστικών ιστότοπου: Πτυσώμενο μενού . Μεταβάλλω Navbar.

Εναλλαγή γραμμής πλοήγησης

  1. Βήμα 1: Προσθέστε το κουμπί εναλλαγής γραμμής πλοήγησης. Στο index.html, προσθέστε την κλάση "navbar-default" του Bootstrap στο στοιχείο πλοήγησης:
  2. Βήμα 2: Προσθέστε το "Εικονίδιο μενού" του κουμπιού Navbar
  3. Βήμα 3: Κάντε το Nav "Toggle-able"

Επίσης, γνωρίζετε πώς μπορείτε να κάνετε ένα αναπτυσσόμενο μενού Hoverable;

Απάντηση: Χρησιμοποιήστε το CSS: φτερουγίζω ψευδο-τάξη Εάν θέλετε απλώς να δείξετε και να κρύψετε αναπτυσσόμενη λίστα μενού στο ποντίκι φτερουγίζω δεν χρειάζεστε JavaScript. Μπορείτε να το κάνετε αυτό απλά χρησιμοποιώντας την ιδιότητα εμφάνισης CSS και: φτερουγίζω ψευδοτάξη. Το παρακάτω παράδειγμα θα σας δείξει πώς να εφαρμόσετε ένα απλό αναπτυσσόμενη λίστα χρησιμοποιώντας το CSS.

Πού είναι το αναπτυσσόμενο μενού;

Ο πιο συνηθισμένος τύπος πτυσώμενο μενού είναι ένα μενού μπαρ. Σε συστήματα Windows, το μενού Η γραμμή βρίσκεται συνήθως στην κορυφή κάθε ανοιχτού παραθύρου. Στα συστήματα Macintosh, είναι σταθερό στο επάνω μέρος της οθόνης.

Συνιστάται: