Koduleht » Graafika » Rippmenüü 30+ Kasulikud skriptid päise navigeerimiseks

    Rippmenüü 30+ Kasulikud skriptid päise navigeerimiseks

    Rippmenüü (tuntud ka kui rippmenüüd) on enamiku veebidisaini jaoks oluline. See mängib olulist rolli tõhusa ja kasutajasõbraliku veebisaidi loomisel. See on hea lahendus ekraani ruumi ületava pika menüü kärpimiseks, saades neile rohkem organiseeritud kategooria alamkategooriasse.

    Selles artiklis tahaksime teile mõned parimad rippmenüüst skriptid me teame. Need rippmenüüd varieeruvad CSS ainult, CSS & Javascripts ja menüü, mis töötavad teie praeguse Javascript raamatukoguga jQuery, MooTools ja Prototüüp. Täielik nimekiri pärast hüpata.

    Siin on mõned seotud artiklid, mida me arvasime, et olete huvitatud:

    • HTML-tabelite loomine
    • Stardikomplektid veebidisaineritele
    • CSS-kaardipõhised navigatsiooniskriptid

    CSS (ainult)

    Kui teil on kliendi brauseris keelatud Javascripti kasutamine, siis need css-rippmenüüd ei riku teid.

    CSS-i rippmenüüde raamistik. Pealkiri ütleb kõik. See on raamistik, mis on avaldatud GNU üldise avaliku litsentsi all. Cross brauser ühilduv, kerge ja lihtne muuta, et jäljendada palju olemasolevaid rippmenüüsid seal. Näiteks Flickr, Adobe ja MTV.com.

    Ainult rippmenüüst CSS CSS

    CSS Express Drop-Down menüüd. Aidake teil luua kiiret (kiiret) CSS rippmenüüd ilma mõningate teiste "puhta" CSS menüüde leitud piirangutega.

    CSS + Javascripts

    Javascripti abil on rippmenüü interaktiivsem või vähemalt tekib peen animatsioon, mis parandab kasutajate kogemusi. CSS teisest küljest veenduge, et välimus ja tunne oleks kergesti muutuv.

    Kõik tasemed Navigatsioonimenüü (v2.2). CSS / HTML nimekirja põhinev menüü, mis toetab alammenüüde lõputut taset. See on kerge ja lihtne rakendada.

    Lohistavad kaardid (5 stiili). Langetamiskaardid on horisontaalne CSS-kaartide menüü, mis toetab iga tasandi teise tasandi rippmenüüd. Kaasas 5 erinevat stiili.

    Chrome'i CSS rippmenüü. Chrome'i menüü on rippmenüü CSS ja JavaScript hübriid. See on lihtne seadistada ja otsingumootor sõbralik. Põhimenüüribal on CSS-loend, samal ajal kui rippmenüüd on lihtsalt tavalised DIV-sildid leheküljel.

    jQuerys

    Kui olete oma saidil rakenduse jQuery Javascript raamatukogu rakendanud, on siin mõned väga lahedad jQuery-põhised rippmenüüd, mida peaksite teadma.

    Sujuv navigatsioonimenüü . Sujuv navigatsioonimenüü on mitmetasandiline, CSS-i loendil põhinev menüü, mis kasutab jQuery'i, mis muudab veebilehe navigeerimise sujuvaks. Siin on veel üks sarnane - jQuery Multi Level CSS menüü.

    Superfish. Superfish on täiustatud Suckerfishi stiilis menüü jQuery plugin, mis võtab olemasoleva puhta CSS rippmenüü (nii et see laguneb graatsiliselt ilma JavaScriptita). [Demo | Lae alla]

    Mega Drop-Down Menu. Rippmenüü, millel on rohkem kui lihtsalt uus linkide rida. See muudab ka grupi lingid ja teeb nagivatamisest palju lihtsamaks! [Demo]

    MooTools

    JavaScripti rippmenüü, kasutades Mootools. Lihtne, märkamatu viis luua rippmenüü Mootools 1.2-ga. [Demo | Lae alla]

    UvumiTools rippmenüü. Lihtne mitmetasandiline menüü, mis on ehitatud HTML unorderd nimekirjast, kasutades Mootools Javascript Frameworki.

    Unobstrusive Mootool Drop Down menüü

    Imiteerib

    Digg päise kujundamine. Samm-sammult õpetus selle kohta, kuidas luua rippmenüü, mis tõesti näeb välja nagu Digg. [Demo | Lae alla]

    Muu.

    izzyMenu. Looge oma veebisaidi jaoks professionaalselt vaatavad CSS-menüüd, kirjutamata ühtegi koodirida või kasutage lihtsalt mõningaid valmisid.

    PureCSS menüü. Tasuta CSS Drop Down Menu generaator