Početna » Grafika » Padajući izbornik 30+ korisnih skripti za poboljšanje navigacije zaglavlja

    Padajući izbornik 30+ korisnih skripti za poboljšanje navigacije zaglavlja

    Padajući izbornik (također poznat kao padajući izbornik) bitan je u većini web-dizajna. Ona igra važnu ulogu u stvaranju učinkovite i user friendly web stranice. Dobro je riješiti smanjivanje dugog izbornika koji preplavljuje prostor na zaslonu, dovodeći ga do prikaza u više kategorija.

    U ovom članku želimo vam pokazati neke od najbolje padajuće skripte izbornika znamo. Ovi padajući izbornici variraju od CSS samo, CSS i Javascripts i izbornik koji će raditi s trenutnom Javascript bibliotekom jQuery, Mootools i Prototip. Cijeli popis nakon skoka.

    Evo nekoliko srodnih članaka koje smo smatrali zanimljivim:

    • Izrada HTML tablica
    • Početni setovi za web dizajnere
    • CSS navigacijske skripte utemeljene na CSS-u

    CSS (samo)

    Ako ste zabrinuti da je Javascript onemogućen na klijentovom pregledniku, ovi padajući izbornici css-only vas neće iznevjeriti.

    CSS okvir padajućeg izbornika. Naslov govori sve. To je okvir koji je objavljen pod GNU Općom javnom licencom. Cross preglednik kompatibilan, lagan i jednostavan transformabilan da oponaša puno postojećih padajućih izbornika. Na primjer, Flickr, Adobe i MTV.com.

    Ultimate CSS samo padajući izbornik

    CSS Express padajući izbornici. Pomoću izrade brzog (ekspresnog) CSS padajućeg izbornika bez nekih ograničenja u nekim drugim "čistim" CSS izbornicima.

    CSS + Javascripts

    Uz pomoć Javascripta, padajući izbornici su interaktivniji ili barem dobivaju suptilnu animaciju koja poboljšava korisničko iskustvo. CSS s druge strane, provjerite je li izgled i dojam lako cuztomizable.

    Navigacijski izbornik svih razina (v2.2). CSS / HTML izbornik s popisom s podrškom za beskonačne razine podmenija. Lagan je i jednostavan za implementaciju.

    Padajuće kartice (5 stilova). Padajući izbornici je horizontalni CSS izbornik koji podržava padajući izbornik druge razine za svaku karticu. Dolazi u 5 različitih stilova.

    Chrome CSS padajući izbornik. Izbornik Chrome je hibridni CSS i JavaScript hibridni padajući izbornik. To je jednostavno konfigurirati i tražilicu prijateljski. Glavna traka izbornika sastoji se od CSS popisa, dok su padajući izbornici jednostavno redovne DIV oznake na stranici.

    jQuerys

    Ako ste implementirali JQuery Javascript knjižnicu na svojoj web-lokaciji, evo nekih stvarno cool JQuery padajućih izbornika koje trebate znati.

    Glatki navigacijski izbornik . Glatki Navigacijski izbornik je multi-level, CSS popis baziran na izborniku koji koristi jQuery koji čini navigaciju web-stranicom glatkom. Ovdje je još jedan sličan - jQuery Multi Level CSS izbornik.

    Superfish. Superfish je poboljšani Suckerfish-style izbornik jQuery plugin koji uzima postojeći čisti CSS padajući izbornik (tako da se degradira elegantno bez JavaScripta). [Demo | Preuzimanje datoteka]

    Mega padajući izbornik. Padajući izbornik koji sadrži više od nove linije linkova. On također čini grupne veze i olakšava nagivaciju! [Demo]

    Mootools

    JavaScript padajući izbornik pomoću programa Mootools. Jednostavan, nenametljiv način stvaranja padajućeg izbornika s programom Mootools 1.2. [Demo | Preuzimanje datoteka]

    UvumiTools padajući izbornik. Jednostavan višenamjenski izbornik izrađen iz HTML neredovitog popisa, koristeći Mootools Javascript okvir.

    Unobstrusive Mootool padajući izbornik

    oponaša

    Izrada Digg zaglavlja. Korak po korak vodič o tome kako izgraditi padajući izbornik koji stvarno izgleda kao Digg's. [Demo | Preuzimanje datoteka]

    Razno.

    izzyMenu. Stvorite profesionalne CSS izbornike za vašu web stranicu online, bez pisanja jedne linije koda ili samo koristite neke od gotovih.

    PureCSS izbornik. Besplatno CSS padajući izbornik generatora