Nedtrekksmeny 30 + Nyttige skript for å forbedre headernavigasjon
Nedtrekksmenyen (også kjent som rullegardinmeny) er en viktig i de fleste webdesign. Det spiller en viktig rolle i etableringen av et effektivt og brukervennlig nettsted. Det er en god løsning å trimme ned langmenyen som er overveldende skjermrommet, og få dem til å vises i en mer organisert kategori-underkategori mønster.
I denne artikkelen vil vi gjerne vise deg noen av beste rullegardinmenyskript vi kommer til å vite. Disse rullegardinmenyene varierer fra CSS bare, CSS og Javascripts og meny som vil fungere med ditt nåværende Javascript-bibliotek som jQuery, MooTools og prototype. Full liste etter hopp.
Her er noen relaterte artikler vi skjønte at du kanskje er interessert i:
- Bygg HTML-tabeller
- Startpakker for webdesignere
- CSS Tab-baserte navigasjonsskript
CSS (Only)
Hvis du er bekymret for Javascript deaktivert på klientens nettleser, vil denne css-only rullegardinmenyen ikke mislykkes deg.
CSS Drop-Down Meny Framework. Tittel sier alt. Det er et rammeverk, utgitt under GNU General Public License. Kryss leser-kompatibel, lett og lett omformbar for å etterligne mange eksisterende rullegardinmenyer der ute. For eksempel Flickr, Adobe og MTV.com.
Endelig CSS bare rullegardinmeny
CSS Express Drop-Down Menyer. Hjelp deg å lage en hurtig (eksplisitt) CSS-rullegardinmeny uten noen av begrensningene som finnes i noen andre "rene" CSS-menyer.
CSS + Javascripts
Ved hjelp av Javascript er rullegardinmenyen mer interaktiv, eller i det minste får de litt subtil animasjon som forbedrer brukeropplevelsen. CSS på den annen side, sørg for at utseendet er lett å cuztomizable.
Alle nivåer Navigasjonsmeny (v2.2). CSS / HTML listebasert meny med støtte for uendelige nivåer av undermenyer. Den er lett og enkel å implementere.
Drop Down Tabs (5 stiler). Drop Down-faner er en horisontal CSS-fanemeny som støtter en rullegardinmeny på andre nivåer for hver av sine faner. Kommer i 5 forskjellige stiler.
Chrome CSS Drop Down-menyen. Chrome-menyen er en CSS- og JavaScript-hybrid-rullegardinmeny. Det er enkelt å konfigurere og søkemotor vennlig. Hovedmenylinjen består av en CSS-liste, mens rullegardinmenyene er ganske enkelt vanlige DIV-tagger på siden.
jQuerys
Hvis du har implementert jQuery Javascript-bibliotek på nettstedet ditt, her er noen veldig kule jQuery-baserte rullegardinmenyer du burde vite.
Glatt navigasjonsmeny . Glatt navigasjonsmeny er en multi-level, CSS-listebasert meny drevet med jQuery som gjør nettstedet navigasjon en jevn affære. Her er en annen lignende - jQuery Multi Level CSS-meny.
Superfish. Superfish er en forbedret suckerfish-stil meny jQuery-plugin som tar en eksisterende ren CSS-rullegardinmeny (slik at den nedbrytes grasiøst uten JavaScript). [Demo | Nedlasting]
Mega Drop-Down Menu. En rullegardinmeny som inneholder mer enn bare en ny linje av lenker. Det gjør også gruppelinker og gjør nagivation mye lettere! [Demo]
MooTools
JavaScript-rullegardinmenyen ved hjelp av Mootools. Enkel, diskret måte å lage en rullegardinmeny med Mootools 1.2. [Demo | Nedlasting]
UvumiTools Dropdown Menu. Enkel multi-level meny bygget fra en HTML unorderd liste, ved hjelp av Mootools Javascript Framework.
Unobstrusive Mootool Drop Down-menyen
Etterligner
Utforming av Digg-overskriften. Steg for trinn veiledning om hvordan du bygger en rullegardinmeny som virkelig ser ut som Digg er. [Demo | Nedlasting]
Diverse.
izzyMenu. Lag profesjonelt utseende CSS-menyer for nettstedet ditt online, uten å skrive en enkelt kode eller bare bruke noen av de ferdige.
PureCSS-menyen. Gratis CSS Drop Down Meny generator
