5 Μαΐου, 2009
Δημιουργήστε εύκολα μια κινούμενη μενού πλοήγησης
Δημοσιεύτηκε από: Mahbub Σε: Διάφορα
Πρόκειται για ένα πολύ σύντομο μήνυμα για το πώς μπορούμε να δημιουργήσουμε εύκολα μια κινούμενη μενού πλοήγησης με jQuery χωρίς πρόσθετο. Πρέπει να έχετε δει ή οριζόντια veritical μενού πλοήγησης που διαστέλλεται και συστέλλεται με το μέγεθος της ανατροπής. Πριν από αυτά τα πλαίσια το javascript ήρθαν, έπρεπε να κάνουμε πάρα πολλά κωδικό για να πάρει τα πράγματα. Γιατί; Αυτή η ηλίθια σταυρό χειρισμό του προγράμματος περιήγησης. Δεν θέλω να ξεκινήσετε από την αρχή στον IE.
Εντάξει, εδώ είναι το πράγμα. Είμαστε χρησιμοποιώντας απλά μια μη διατεταγμένη λίστα για να κάνετε μια οριζόντια μενού που διαστέλλεται και συστέλλεται. Κώδικας είναι νεκρός απλό. Ας δούμε πρώτα την σήμανση.
<div id="navcontainer"> <ul id="navlist"> <li> <a href="http://www.google.com"> Google </ a> </ li> <li> <a href="http://www.yahoo.com"> Yahoo </ a> </ li> <li> <a href="http://www.msn.com"> MSN </ a> </ li> <li> <a href="http://www.lycos.com"> Lycos </ a> </ li> <li> <a href="http://www.baidu.com"> Baidu </ a> </ li> </ Ul> </ Span>
Έτσι, έχουμε κάποια στοιχεία της λίστας εκεί. Έτσι, τα κάνει να φαίνονται σαν οριζόντιο μενού που θα χρειαστεί κάποιο css που μοιάζει με αυτό
: inline ; } #navcontainer ul li li {display: inline?} # navcontainer ul li
Και το τελευταίο μέρος .. Κάνοντας τους στο χορό mouseover. Πολύ απλά με το έμψυχο λειτουργία. Ακριβώς δύο από αυτές τις γραμμές που ακολουθούν θα κάνει το τέχνασμα. Ρίξτε μια ματιά.
( ) { $ ( "#navlist $ (Λειτουργία () {$ ("# navlist
Αυτό είναι το! Δείτε το σε δράση










































Πρόσφατα σχόλια