Tutorial για το πώς να Τραβήξτε Down Menus σε Java Script

JavaScript σας επιτρέπει να δημιουργήσετε δυναμικά αναπτυσσόμενο μενού ( pull ) προς τα κάτω . JavaScript κώδικα που είναι κανονικά κλειστό απευθείας στο έγγραφο HTML , η οποία καταργεί την ανάγκη για δύο αρχεία , ένα για το έγγραφο HTML και ένα για το σενάριο . Ο κώδικας JavaScript μπορεί να βρεθεί οπουδήποτε στο έγγραφο , αλλά είναι συχνά τοποθετούνται στο τμήμα της κεφαλής . Ο κωδικός καλείται στη συνέχεια στο σώμα του εγγράφου . JavaScript κώδικα
Η

Το σενάριο που περιλαμβάνονται σε αυτό το άρθρο θα δημιουργήσει ένα drop down μενού που θα λάβει το χρήστη σε μια νέα ιστοσελίδα που μόλις έχει επιλεγεί η επιλογή .

Η πρώτη λειτουργία θα δημιουργήσει μια σειρά

createArray λειτουργία () { var arg = createArray.arguments ? . για ( var i = 0 ? i

Στη συνέχεια, θα συμπληρώσετε τον πίνακα με τη διεύθυνση web (URL ) για τα στοιχεία του μενού σας . Εάν έχετε περισσότερα από ένα μενού στην ιστοσελίδα σας , μπορείτε να δημιουργήσετε περισσότερα από ένα πίνακα.

Var urls = νέα τελική λειτουργία JavaScript θα ανοίξει το μενού στο ίδιο παράθυρο με τη σελίδα

OpenURL λειτουργία ( η οποία ) . { m = which.selectedIndex ? url = urls [ m ] ? location.href = url ? }

Τα στοιχεία μενού θα διαθέτουν έναν αριθμό ευρετηρίου . Ο αριθμός αυτός αναφέρεται στην "m = which.selectedIndex " δήλωση. Ο αριθμός δείκτης που χρησιμοποιείται στην " url = urls [ m ] " δήλωση η οποία παίρνει τη σωστή διεύθυνση URL από τη συστοιχία . Η " location.href = url " δήλωση λέει στον browser να πάει στο νέο web site .
Εικόνων HTML Document
Η

Ο κώδικας JavaScript τοποθετείται μέσα στα στοιχεία σενάριο σε το τμήμα της κεφαλής του εγγράφου HTML . Θα πρέπει επίσης να επισυνάψουν τον κώδικα μέσα σε ένα σχόλιο , έτσι ώστε δεν θα διαβαστεί από τους browsers που δεν υποστηρίζουν scripting

Η σημερινή μορφή που έχει δημιουργηθεί εντός του τμήματος σώματος του εγγράφου . Έχει δημιουργηθεί με την επιλογή στοιχείου και τα ονόματα των δικτυακών τόπων που πραγματοποιήθηκε μέσα στα στοιχεία επιλογής . Δεν προσθέστε τις διευθύνσεις web ως τιμές για το στοιχείο επιλογή, δεδομένου ότι βρίσκονται στον πίνακα που δημιουργήσατε παραπάνω .

Επιλέξτε το όνομα του μενού

<= " " onChange = " OpenURL ( ) " > Yahoo μπορεί να προσθέσει περισσότερη λειτουργικότητα με την προσθήκη εκδηλώσεις mouseover για να δημιουργήσετε συρόμενη μενού . Μπορείτε επίσης να προσθέσετε περισσότερα μενού , προσθέτοντας έναν αριθμό στη μεταβλητή πίνακα και , στη συνέχεια, περνώντας τον αριθμό αυτό με το " OpenURL ( ) " λειτουργία .
Εικόνων
εικόνων