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
