Πώς να δημιουργήσετε ένα μενού Javascript Drop Down Με την PHP

Αναπτυσσόμενο μενού είναι ένα κομψό , εκλεπτυσμένο τεχνική για την εμφάνιση ιστοσελίδα συνδέσμους πλοήγησης . Ένα αναπτυσσόμενο μενού οργανώνει μια σειρά από συνδέσμους σε μια συγκεκριμένη κατηγορία . Μόνο ο σύνδεσμος της κατηγορίας ανωτάτου επιπέδου φαίνεται μέχρι μια ιστοσελίδα επισκέπτης κατέχει το ποντίκι τους πάνω από την κορυφή σύνδεσμο στο μενού , οπότε αποκαλύπτεται το υπόλοιπο του μενού . Η απόκρυψη του μενού μέχρι να ενεργοποιηθεί με αυτόν τον τρόπο επιτρέπει σε ένα μεγάλο αριθμό συνδέσεων για να χωρέσει σε ένα μικρό χώρο , έτσι ώστε μια ιστοσελίδα με πολλές σελίδες μπορεί να χρησιμοποιήσει μια συμπαγή γραμμή μενού πλοήγησης μπάλα. Τα πράγματα που θα χρειαστείτε
επεξεργαστή κειμένου
πρόγραμμα περιήγησης στο Web
Server που εκτελεί PHP

Παρουσίαση Περισσότερες οδηγίες
Η 1 Server-side PHP Scripting

Δημιουργία μενού πλοήγησης με PHP ανακτώντας το όνομα και τη σχετική διεύθυνση του κάθε συνδέσμου από το σύστημά σας . Σε ένα μικρότερο χώρο , η πληροφορία αυτή μπορεί να είναι σκληρό κωδικοποιούνται στο σενάριο που δημιουργεί η γραμμή πλοήγησης ? Λαμβάνοντας υπόψη ότι η μεγαλύτερη ιστοσελίδα θα χρησιμοποιήσει κατά πάσα πιθανότητα ένα Σύστημα Διαχείρισης Περιεχομένου για την αποθήκευση πληροφοριών σύνδεσης σε βάση δεδομένων και να ανακτήσει όταν είναι προσβάσιμες σελίδες . Για παράδειγμα , μπορείτε να δημιουργήσετε ένα μενού με την ανάγνωση μια σειρά από πίνακες .

//εκχωρήσετε τιμές στους πίνακες

$ HOMELINK = array ( ' σπίτι ', ' index.php ') ? $ contactLink = array (' επαφής » , « contact.php ') ?

$ TOPLINK = array ( 'name' , ' url' ) ? $ nextlink = array ( 'name' , ' url' ) ? $ thirdLink = array ( 'name' , ' url' ) ? $ fourthLink = array ( 'name' , ' url' ) ?

$ αναπτυσσόμενο = array ( $ TOPLINK , $ nextlink , $ thirdLink , $ fourthLink ) ?

$ topNavMenu = array ( $ HomeLink , $ αναπτυσσόμενο , $ contactLink ) ?

//διάβαζε τις τιμές του πίνακα σε στοιχεία HTML

$ menu = '

» ? ( ! is_array ( $ στοιχείο [ 0 ] ) )


foreach ( $ topNavMenu από $ στοιχείο) { αν { $ μενού = '

• ' $ στοιχείο [ 0 ] »
' ? . . . } else { //αν αυτό είναι το $ μενού αναπτυσσόμενο μενού = '
• » ? . . foreach ( $ στοιχείο από $ link) { $ μενού = '
  • ' $ link [ 0 ] »
  ' ? . . } $ = μενού . " .
" ? } . }


$ menu = "

" ?

//τέλος , η παραγωγή το αποτέλεσμα στο πρόγραμμα περιήγησης :

echo $ μενού?

? > 2
JavaScript εκτελείται στον browser του πελάτη

Δημιουργήστε τη λειτουργικότητα αναπτυσσόμενο με JavaScript . Όταν η σελίδα φορτώνει , χρησιμοποιήστε την Javascript για να κρύψει τα στοιχεία αναπτυσσόμενο μενού ? Αυτό τον τρόπο το μενού σας εξακολουθεί να είναι προσβάσιμο σε εναλλακτικά προγράμματα περιήγησης που δεν θα μπορούσε να έχει δυνατότητες JavaScript . Όταν ο επισκέπτης της ιστοσελίδας κρατά το ποντίκι του πάνω από την κορυφή στοιχείο στο αναπτυσσόμενο μενού , αποκαλύπτουν τα στοιχεία αναπτυσσόμενο θέτοντας το «ύφος» χαρακτηριστικό των σχετικών στοιχείων :