Βοήθημα για Pull - Down Menus σε JavaScript

JavaScript μενού pull-down είναι ένας τρόπος για να δημιουργήσετε γραφικά ενισχυμένη μενού για την πλοήγηση των χρηστών σε ιστοσελίδες . Τα μενού έχουν γίνει ένα πρότυπο σε HTML προγραμματισμού ιστοσελίδα , ώστε πολλοί χρήστες να αναγνωρίζουν τη λειτουργικότητα της διεπαφής . Όταν δημιουργείτε ένα pull-down μενού JavaScript , είναι μόνο απαραίτητο να προσθέσετε μερικές γραμμές κώδικα της εφαρμογής . Η Javascript
Η

Δημιουργία JavaScript pull-down μενού μπορεί να επιτευχθεί χρησιμοποιώντας μια συνάρτηση ενσωματωμένη στην ιστοσελίδα . Η λειτουργία JavaScript καλείται στη συνέχεια από το στοιχείο του μενού . Κάθε φορά που ο χρήστης αιωρείται πάνω από το μενού , τη λειτουργία JavaScript καλείται και ανοίγει μια λίστα επιλογών για τον χρήστη . Παρακάτω είναι ένα παράδειγμα μιας Javascript pull down μενού λειτουργίας : .

Pulldown λειτουργία ( menu_element , θέση) { menuObject = document.getElementById ( menu_element ) στυλ? NewPosition = ( parseInt ( menuObj.top ) == -10 ) ; -100 : -10 }

Η πρώτη δήλωση στον κώδικα είναι το όνομα της συνάρτησης . Αυτό χρησιμοποιείται στην HTML αργότερα σε αυτό το σεμινάριο . Η πρώτη δήλωση στον κώδικα είναι το στοιχείο του μενού . Δεδομένου ότι τα διάφορα στοιχεία μενού που χρησιμοποιούνται σε JavaScript πλοήγησης , αυτό χρησιμοποιεί το αναγνωριστικό στοιχείο που έχει περάσει από το στοιχείο HTML . Η επόμενη γραμμή επανατοποθετεί το στοιχείο είτε να κλείσετε το μενού ή να επεκτείνουν αυτό .
Εικόνων Προσθέστε την λειτουργία Javascript στο μενού τα στοιχεία
Η

μενού δημιουργήθηκε με τη χρήση div tag αντικείμενα σε HTML . Ένα tag div που χρησιμοποιείται για ένα pull-down μενού έχει κανονικά το κείμενο που της έχουν ανατεθεί να ζητήσει από οπτικά το χρήστη να τοποθετείτε το ποντίκι πάνω από το στοιχείο . Μόλις το ποντίκι κρεμόταν πάνω από την ετικέτα HTML div , η κλήση γίνεται με τη λειτουργία JavaScript για να ανοίξετε το μενού pull-down . Το ακόλουθο είναι ένα παράδειγμα ενός στοιχείου tag div που καλεί τη συνάρτηση που δημιουργήθηκε στο τμήμα 1 :

< DIV ID = " MAIN_MENU " onMouseover = " pulldown ( « MAIN_MENU » , -10 ) " onMouseOut = " pulldown ( « MAIN_MENU » , -100 ) " >

Αυτός ο κώδικας απαιτεί τη λειτουργία pull-down όταν το ποντίκι περνάει πάνω από το tag div , αλλά στη συνέχεια καλεί τη συνάρτηση και πάλι, όταν το ποντίκι μετακινείται μακριά από το στοιχείο . Αυτό δίνει την εμφάνιση ενός ανοίγματος και κλεισίματος το μενού σε μια ιστοσελίδα .
Εικόνων
εικόνων