Meniu derulant 30 + scripturi utile pentru îmbunătățirea navigării în antet

Meniu derulant (cunoscut și sub numele de meniu derulant) este esențială în majoritatea proiectelor web. Acesta joacă un rol important în crearea unui site eficient și ușor de utilizat. Este o soluție bună pentru a tăia meniul lung care acoperă spațiul de pe ecran, obținându-le posibilitatea de a fi afișate într-un model mai organizat.

În acest articol, dorim să vă arătăm câteva cele mai bune scripturi din meniul drop-down ajungem să știm. Aceste meniuri derulante variază de la CSS numai, CSS & Javascripts și meniul care va funcționa cu actuala dvs. bibliotecă Javascript ca jQuery, MooTools și Prototip. Lista completă după salt.

Iată câteva articole înrudite despre care ne-am gândit că vă interesează:

Construirea de tabele HTML
Kituri de pornire pentru web designeri
Șabloane de navigare bazate pe fila CSS

CSS (numai)

Dacă vă faceți griji că Javascript este dezactivat în browser-ul clientului, aceste meniuri derulante css-only nu vă vor dezamăgi.

CSS Drop-Down Menu Framework. Titlul spune totul. Este un cadru, lansat sub GNU General Public License. Cross browser compatibil, ușor și ușor de transformat pentru a imita o mulțime de meniuri drop down existente acolo. De exemplu, Flickr, Adobe și MTV.com.

Ultimul meniu drop-down CSS numai

Meniuri derulante CSS Express. Vă ajută să creați un meniu derulant CSS rapid (expres), fără unele dintre limitările găsite în alte meniuri CSS "pure".

CSS + Javascripts

Cu ajutorul Javascript, meniul derulant este mai interactiv sau cel puțin au o animație subtilă care sporește experiența utilizatorului. CSS, pe de altă parte, asigurați-vă că aspectul și simțul este ușor cuzomizabil.

Toate nivelurile Navigare Meniu (v2.2). CSS / HTML meniu bazat pe listă cu suport pentru niveluri infinite de submeniuri. Este ușor și ușor de implementat.

Drop Down Tabs (5 stiluri). Drop Down Tabs este un meniu orizontal CSS care acceptă un meniu derulant al doilea nivel pentru fiecare dintre filele sale. Vine în 5 stiluri diferite.

Chrome CSS Drop Down Menu. Meniul Chrome este un meniu derulant hibrid CSS și JavaScript. Este ușor de configurat și de motorul de căutare prietenos. Bara de meniu principală constă într-o listă CSS, în timp ce meniurile derulante sunt pur și simplu etichete standard DIV pe pagină.

jQuerys

Dacă ați implementat jQuery Javascript Library pe site-ul dvs., aici sunt câteva meniuri cu adevărat cool bazate pe jQuery pe care trebuie să le cunoașteți.

Smooth Navigational Menu . Smooth Navigation Menu este un meniu bazat pe lista de niveluri CSS pe mai multe niveluri, care utilizează jQuery, ceea ce face navigarea site-ului o aventură fără probleme. Iată un altul similar - jQuery Multi Level CSS Menu.

Superfish. Superfish este un plugin jQuery îmbunătățit în stilul Suckerfish, care folosește un meniu vertical CSS existent (astfel încât acesta se degradează cu grație fără JavaScript). [Demo | Descarca]

Mega Drop-Down Menu. Un meniu derulant care conține mai mult decât o nouă linie de linkuri. De asemenea, face legături de grup și face mult mai ușor nagivarea! [Demo]

MooTools

Meniul de meniuri JavaScript folosind Mootools. Mod simplu, discret pentru a crea un meniu derulant cu Mootools 1.2. [Demo | Descarca]

UvumiTools meniu derulant. Simplu meniu multi nivel construit dintr-o listă HTML unorderd, folosind Mootools Javascript Framework.

Unobstrusive Mootool Drop Down Menu

imită

Proiectarea antetului Digg. Pas cu pas tutorial cu privire la modul de a construi un meniu drop-down care într-adevăr arată ca Digg. [Demo | Descarca]

Diverse.

izzyMenu. Creați meniuri CSS cu aspect profesional pentru site-ul dvs. online, fără a scrie o singură linie de cod sau utilizați doar unele dintre cele deja pregătite.

Meniul PureCSS. Generator gratuit de meniuri CSS Drop Down