Úvodná » grafika » Rozbaľovacie menu 30 + Užitočné skripty na vylepšenie navigácie v hlavičke

    Rozbaľovacie menu 30 + Užitočné skripty na vylepšenie navigácie v hlavičke

    Rozbaľovacia ponuka (tiež známy ako rozbaľovacia ponuka) je nevyhnutné vo väčšine webových stránok. Zohráva dôležitú úlohu pri vytváraní efektívnej a užívateľsky prístupnej webovej stránky. Je to dobré riešenie, ak chcete ozdobiť dlhé menu, ktoré je ohromujúcim priestorom na obrazovke, čím sa zobrazia v štruktúre organizovanej kategórie.

    V tomto článku by sme vám chceli ukázať niektoré najlepšie skripty rozbaľovacej ponuky dozvedáme sa. Tieto rozbaľovacie ponuky sa líšia od CSS iba, CSS & Javascripts a menu, ktoré bude pracovať s vašou aktuálnou knižnicou Javascript jQuery, MooTools a prototyp. Úplný zoznam po skoku.

    Tu sú niektoré súvisiace články, o ktorých sme si mysleli, že by vás mohli zaujímať:

    • Budovanie HTML stôp
    • Štartovacie sady pre návrhárov webu
    • Navigačné skripty založené na záložkách CSS

    CSS (iba)

    Ak sa obávate o zablokovanie jazyka Javascript v klientskom prehliadači, tieto rozbaľovacie ponuky iba pre css nebudú zlyhať.

    CSS rozbaľovacej ponuky. Titul hovorí všetko. Je to rámec, uvoľnený pod GNU General Public License. Krížový prehliadač kompatibilný, ľahký a ľahko transformovateľný na napodobnenie veľa existujúcich rozbaľovacích ponúk tam. Napríklad Flickr, Adobe a MTV.com.

    Konečná rozbaľovacia ponuka iba pre CSS

    Rozbaľovacie ponuky CSS Express. Pomôže vám vytvoriť rýchle (expresné) rozbaľovacie menu CSS bez niektorých obmedzení, ktoré sa nachádzajú v niektorých iných "čistých" ponukách CSS.

    CSS + Javascripts

    Pomocou Javascriptu je rozbaľovacia ponuka interaktívnejšia alebo aspoň získajú jemnú animáciu, ktorá zlepšuje používateľskú skúsenosť. CSS na druhej strane, uistite sa, že vzhľad je ľahko rozpoznateľný.

    Navigácia všetkých úrovní (v2.2). CSS / HTML zoznam založený na menu s podporou nekonečných úrovní podmenu. Je ľahká a ľahko sa používa.

    Rozbaľovacie karty (5 štýlov). Rozbaľovacie karty sú horizontálne ponuky kariet CSS, ktoré podporujú rozbaľovaciu ponuku druhej úrovne pre každú z jej kariet. Dodáva sa v 5 rôznych štýloch.

    Chrome CSS drop down menu. Ponuka Chrome je rozbaľovacia ponuka CSS a JavaScript. Je ľahké konfigurovať a vyhľadávať priateľské. Panel hlavného menu pozostáva zo zoznamu CSS, zatiaľ čo rozbaľovacie ponuky sú jednoducho bežné značky DIV na stránke.

    jQuerys

    Ak ste na svojom webe implementovali jQuery Javascript Library, tu sú niektoré naozaj skvelé jQuery založené rozbaľovacie ponuky, ktoré by ste mali vedieť.

    Hladká navigačná ponuka . Hladká navigačná ponuka je viacúrovňová ponuka založená na zozname CSS s podporou jQuery, ktorá robí navigáciu na webe hladkou záležitosťou. Tu je ďalší podobný - jQuery Multi Level CSS Menu.

    Superfish. Superfish je rozšírený doplnok jQuery v štýle Suckerfish, ktorý preberá existujúcu čistú rozbaľovaciu ponuku CSS (takže sa ladne degraduje bez JavaScript). [Demo | Stiahnuť ▼]

    Menu Mega Drop-Down. Rozbaľovacia ponuka, ktorá obsahuje viac ako len nový riadok odkazov. Tiež robia skupinové odkazy a uľahčujú nagiváciu! [Demo]

    MooTools

    Rozbaľovacie menu JavaScript pomocou Mootools. Jednoduchý, nenápadný spôsob vytvorenia rozbaľovacej ponuky s Mootools 1.2. [Demo | Stiahnuť ▼]

    Rozbaľovacie menu UvumiTools. Jednoduché viacúrovňové menu postavené z neoznačeného zoznamu HTML pomocou Mootools Javascript Framework.

    Unobstrusive Mootool Drop Down Menu

    napodobňuje

    Navrhovanie hlavičky Digg. Krok za krokom tutoriál o tom, ako vytvoriť rozbaľovacie menu, ktoré naozaj vyzerá ako Digg. [Demo | Stiahnuť ▼]

    rôzne.

    izzyMenu. Vytvorte profesionálne vyzerajúce ponuky CSS pre vaše webové stránky online, bez toho, aby ste napísali jediný riadok kódu alebo len použite niektoré z hotových.

    PureCSS Menu. Voľný generátor CSS Drop Down Menu