Hjemmeside » Grafik » Drop-Down Menu 30 + Nyttige Scripts for at forbedre Header Navigation

    Drop-Down Menu 30 + Nyttige Scripts for at forbedre Header Navigation

    Drop down menu (også kendt som pull-down menu) er et vigtigt i de fleste webdesign. Det spiller en vigtig rolle i oprettelsen af ​​et effektivt og brugervenligt websted. Det er en god løsning at trimme ned lang menu, der er overvældende skærmrummet, få dem til at vises i en mere organiserende kategori-underkategori mønster.

    I denne artikel vil vi gerne vise dig nogle af de bedste drop-down menu scripts vi kommer til at kende. Disse rullemenuer varierer fra CSS kun, CSS & Javascripts og menuen der vil fungere med dit nuværende Javascript-bibliotek som jQuery, MooTools og Prototype. Fuld liste efter spring.

    Her er nogle relaterede artikler vi regnede med, du kunne være interesseret i:

    • Opbygning af HTML-tabeller
    • Startpakker til webdesignere
    • CSS Tab-baserede navigationsskripter

    CSS (Kun)

    Hvis du er bekymret for Javascript deaktiveret på klientens browser, vil denne css-only drop-down menu ikke mislykkes dig.

    CSS Drop-Down Menu Framework. Titel siger det hele. Det er en ramme, udgivet under GNU General Public License. Cross-browser kompatibel, let og let omdannelig til at efterligne en masse eksisterende drop-down menuer derude. For eksempel Flickr, Adobe og MTV.com.

    Endelig CSS-rullemenu

    CSS Express drop-down menuer. Hjælpe dig med at producere en hurtig (ekspres) CSS-rullemenu uden nogle af begrænsningerne i nogle andre "rene" CSS menuer.

    CSS + Javascripts

    Ved hjælp af Javascript er rullemenuen mere interaktive, eller i det mindste får de nogle subtile animationer, der forbedrer brugeroplevelsen. CSS på den anden side skal du sørge for, at udseendet er let cuztomizable.

    Alle niveauer Navigationsmenu (v2.2). CSS / HTML-listebaseret menu med understøttelse af uendelige niveauer af undermenuer. Det er let og nemt at implementere.

    Drop Down Tabs (5 styles). Drop Down-faner er en vandret CSS-faneblad, der understøtter en drop-down menu på anden niveau for hver af sine faner. Leveres i 5 forskellige stilarter.

    Chrome CSS Drop Down Menu. Chrome Menu er en CSS og JavaScript hybrid drop-down menu. Det er nemt at konfigurere og søgemaskinevenlige. Hovedmenuen består af en CSS-liste, mens drop-down menuerne er simpelthen almindelige DIV-tags på siden.

    jQuerys

    Hvis du har implementeret jQuery Javascript-bibliotek på dit websted, her er nogle rigtig cool jQuery-baserede rullemenuer, du bør vide.

    Glat navigationsmenu . Glat navigationsmenu er en multi-level, CSS-listebaseret menu, der drives ved hjælp af jQuery, der gør websitenavigationen en jævn affære. Her er en anden lignende one-jQuery Multi Level CSS Menu.

    Superfish. Superfish er en forbedret suckerfish-stil menu jQuery plugin, der tager en eksisterende ren CSS rullemenu (så det nedbrydes yndefuldt uden JavaScript). [Demo | Hent]

    Mega drop-down menu. En drop-down menu, der indeholder mere end bare en ny linje af links. Det gør også gruppelinks og gør nagivation meget lettere! [Demo]

    MooTools

    JavaScript drop-down menu ved hjælp af Mootools. Nem, diskret måde at oprette en drop-down menu med Mootools 1.2. [Demo | Hent]

    UvumiTools Dropdown Menu. Enkel multi-level menu bygget fra en HTML unorderd liste, ved hjælp af Mootools Javascript Framework.

    Unobstrusive Mootool Drop Down Menu

    efterligner

    Design af Digg-overskriften. Trin for trin tutorial om hvordan man opbygger en drop-down menu, der virkelig ligner Digg's. [Demo | Hent]

    Diverse.

    izzyMenu. Opret professionelt udseende CSS menuer til din hjemmeside online, uden at skrive en enkelt kode kode eller bare bruge nogle af de færdige.

    PureCSS Menu. Gratis CSS Drop Down Menu generator