Vervolgkeuzemenu 30+ bruikbare scripts om kopnavigatie te verbeteren

Drop-down menu (ook bekend als vervolgkeuzemenu) is essentieel in de meeste webdesigns. Het speelt een belangrijke rol bij het creëren van een effectieve en gebruiksvriendelijke website. Het is een goede oplossing om een lang menu te trimmen dat de ruimte op het scherm overweldigt, waardoor ze worden weergegeven in een meer ordenende categorie-subcategorie patroon.

In dit artikel willen we u enkele van de beste vervolgkeuzemenu-scripts we leren het kennen. Deze vervolgkeuzelijst varieert van CSS enkel en alleen, CSS en Javascripts en een menu dat werkt met uw huidige Javascript-bibliotheek zoals jQuery, MooTools en Prototype. Volledige lijst na sprong.

Hier zijn enkele gerelateerde artikelen waarvan we dachten dat je misschien geïnteresseerd zou zijn in:

HTML-tabellen bouwen
Starterkits voor webontwerpers
CSS Tab-gebaseerde navigatiescripts

CSS (alleen)

Als u zich zorgen maakt over Javascript uitgeschakeld in de browser van de client, zal dit vervolgkeuzemenu met alleen CSS u niet teleurstellen.

CSS Drop-Down Menu Framework. Titel zegt het allemaal. Het is een framework, uitgegeven onder GNU General Public License. Cross-browser compatibel, licht en gemakkelijk omvormbaar om veel bestaande drop-down menu's na te bootsen. Bijvoorbeeld Flickr, Adobe en MTV.com.

Alleen de vervolgkeuzelijst Ultimate CSS

CSS Express Drop-Down Menu's. U helpen bij het maken van een snel (express) CSS vervolgkeuzemenu zonder enkele beperkingen die u kunt vinden in sommige andere "pure" CSS-menu's.

CSS + Javascripts

Met behulp van Javascript is het vervolgkeuzemenu interactiever of krijgen ze tenminste een subtiele animatie die de gebruikerservaring verbetert. CSS aan de andere kant, zorg ervoor dat de look en feel gemakkelijk cuztomizable is.

Alle niveaus navigatiemenu (v2.2). CSS / HTML-lijst gebaseerd menu met ondersteuning voor oneindige niveaus van submenu's. Het is lichtgewicht en eenvoudig te implementeren.

Drop Down Tabs (5 stijlen). Dropdown-tabs is een horizontaal CSS-tabbladenmenu dat een vervolgkeuzemenu op het tweede niveau ondersteunt voor elk van de tabbladen. Verkrijgbaar in 5 verschillende stijlen.

Chrome CSS Drop Down Menu. Chrome-menu is een hybride vervolgkeuzemenu voor CSS en JavaScript. Het is eenvoudig te configureren en zoekmachine vriendelijk. De hoofdmenubalk bestaat uit een CSS-lijst, terwijl de vervolgkeuzemenu's gewone DIV-tags op pagina zijn.

jQuerys

Als je jQuery Javascript Library op je site hebt geïmplementeerd, volgen hier een aantal echt coole jQuery-dropdownmenu's die je moet kennen.

Smooth navigatie-menu . Smooth Navigation Menu is een multi-level, op CSS-lijst gebaseerd menu, gevoed met behulp van jQuery, waardoor het navigeren op de website soepel verloopt. Hier is nog een vergelijkbaar - jQuery Multi Level CSS Menu.

Superfish. Superfish is een verbeterde jQuery-invoegtoepassing in het suckerfish-menu met een bestaand pure CSS-vervolgkeuzemenu (dus degradeert het netjes zonder JavaScript). [Demo | Download]

Mega vervolgkeuzemenu. Een vervolgkeuzemenu dat meer bevat dan alleen een nieuwe rij links. Het maakt ook groepskoppelingen en maakt de nagivation veel gemakkelijker! [Demonstratie]

MooTools

JavaScript drop-down menu met Mootools. Gemakkelijke, onopvallende manier om een vervolgkeuzemenu te maken met Mootools 1.2. [Demo | Download]

UvumiTools vervolgkeuzemenu. Eenvoudig menu op meerdere niveaus, opgebouwd uit een niet-aangepaste HTML-lijst, met behulp van Mootools Javascript Framework.

Unobstrusive Mootool Drop Down Menu

Mimics

Het ontwerpen van de Digg Header. Stap voor stap handleiding voor het bouwen van een vervolgkeuzemenu dat er echt uitziet als Digg's. [Demo | Download]

Misc.

izzyMenu. Maak professioneel ogende CSS-menu's voor uw website online, zonder een enkele regel code te schrijven of gebruik slechts een paar van de kant-en-klare codes.

PureCSS-menu. Gratis CSS Drop Down Menu-generator