Pudotusvalikko 30+ Hyödyllisiä komentosarjoja otsikon navigoinnin parantamiseksi

Pudotusvalikosta (tunnetaan myös nimellä pudotusvalikko) on olennainen osa useimmissa web-suunnittelussa. Sillä on tärkeä rooli tehokkaan ja käyttäjäystävällisen verkkosivuston luomisessa. Se on hyvä ratkaisu leikata alas valikko, joka on ylivoimainen näytön tilaa, saada heidät näyttämään järjestäytyneemmässä kategoria-alaryhmässä.

Tässä artikkelissa haluamme näyttää sinulle joitakin parhaat avattavat valikkosarjat me tiedämme. Nämä pudotusvalikko vaihtelee CSS vain, CSS & Javascripts ja valikko, joka toimii nykyisen Javascript-kirjaston kanssa jQuery, MooTools ja Prototyyppi. Täysi lista hyppyjen jälkeen.

Seuraavassa on muutamia artikkeleita, joiden mukaan olet kiinnostunut:

HTML-taulukoiden rakentaminen
Starttipaketit web-suunnittelijoille
CSS-välilehdellä toimivat navigointiskriptit

CSS (vain)

Jos olet huolissasi siitä, että Javascript on poistettu käytöstä asiakkaan selaimessa, nämä css-vain pudotusvalikko ei onnistu.

CSS-pudotusvalikosta. Otsikko kertoo kaiken. Se on kehys, joka julkaistaan GNU General Public License -lisenssillä. Cross selaimen yhteensopiva, kevyt ja helppo muuntaa jäljittelemään paljon olemassa olevia pudotusvalikkoja siellä. Esimerkiksi Flickr, Adobe ja MTV.com.

Vain lopullinen CSS-pudotusvalikko

CSS Express Drop-Down -valikot. Auta sinua luomaan pikavalinta-pikavalikosta (CSS) ilman joitakin rajoituksia, jotka löytyvät joissakin muissa "puhtaissa" CSS-valikoissa.

CSS + Javascripts

Javascriptin avulla pudotusvalikko on vuorovaikutteisempi tai ainakin he saavat jonkin verran hienovaraisia animaatioita, jotka parantavat käyttäjäkokemusta. CSS toisaalta varmista, että ulkonäkö ja tunne ovat helposti cuztomizable.

Kaikki tasot Navigointivalikko (v2.2). CSS / HTML-luetteloon perustuva valikko, joka tukee alivalikkojen ääretöntä tasoa. Se on kevyt ja helppo toteuttaa.

Pudota-välilehdet (5 tyyliä). Pudotus-välilehdet ovat horisontaalisia CSS-välilehtiä, joka tukee toisen tason pudotusvalikkoa jokaiselle sen välilehdelle. Tulee 5 eri tyylejä.

Chrome CSS-pudotusvalikko. Chrome-valikko on CSS- ja JavaScript-hybridi-pudotusvalikko. Se on helppo konfiguroida ja hakukoneystävällinen. Päävalikkorivi koostuu CSS-listasta, kun taas pudotusvalikot ovat yksinkertaisesti DIV-tunnisteita sivulla.

jQuerys

Jos olet toteuttanut jQuery Javascript -kirjaston sivustossasi, tässä on joitakin todella hienoja jQuery-pohjaisia pudotusvalikkoja, jotka sinun pitäisi tietää.

Sileä navigointivalikko . Smooth Navigation Menu on monitasoinen, CSS-luetteloon perustuva valikko, jossa käytetään jQuery-ohjelmaa, joka tekee verkkosivujen navigoinnista tasaisen. Tässä on toinen samanlainen - jQuery Multi Level CSS -valikko.

superfish. Superfish on tehostettu Suckerfish-tyylinen valikko jQuery-laajennus, joka vie olemassa olevan puhtaan CSS-pudotusvalikon (joten se hajoaa sulavasti ilman JavaScriptiä). [Demo | Ladata]

Mega-pudotusvalikko. Pudotusvalikko, jossa on enemmän kuin vain uusia linkkejä. Se tekee myös ryhmälinkit ja helpottaa nagivointiä! [Demo]

MooTools

JavaScript-pudotusvalikko Mootoolsilla. Helppo, huomaamaton tapa luoda pudotusvalikko Mootools 1.2: lla. [Demo | Ladata]

UvumiTools-pudotusvalikko. Yksinkertainen monitasoinen valikko, joka on rakennettu HTML unorderd -luettelosta Mootools Javascript Frameworkin avulla.

Unobstrusive Mootool-pudotusvalikko

jäljittelee

Digg-otsikon suunnittelu. Askel askeleelta opetusohjelma, miten rakentaa pudotusvalikko, joka näyttää todella Digg'silta. [Demo | Ladata]

Muut.

izzyMenu. Luo Internet-sivustoosi ammattimaisia CSS-valikoita kirjoittamatta yhtä koodiriviä tai käytä vain joitakin valmiista.

PureCSS-valikko. Ilmainen CSS-pudotusvalikko