Hjemmeside » grafikk » Nedtrekksmeny 30 + Nyttige skript for å forbedre headernavigasjon

    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