Mājas lapa » Grafika » Nolaižamā izvēlne 30+ Noderīgi skripti, lai uzlabotu galvenes navigāciju

    Nolaižamā izvēlne 30+ Noderīgi skripti, lai uzlabotu galvenes navigāciju

    Nolaižamā izvēlne (pazīstams arī kā nolaižamā izvēlne) ir būtiska lielākajā daļā tīmekļa dizainu. Tam ir svarīga loma efektīvas un lietotājam draudzīgas tīmekļa vietnes izveidē. Tas ir labs risinājums, lai apgrieztu garo izvēlni, kas pārspēj ekrāna vietu, liekot viņiem parādīties vairāk organizētā kategoriju apakškategorijā.

    Šajā rakstā mēs gribētu jums parādīt dažus labākie nolaižamās izvēlnes skripti mēs uzzinām. Šīs nolaižamās izvēlnes ir dažādas CSS tikai, CSS & Javascript un izvēlne, kas darbosies ar jūsu pašreizējo Javascript bibliotēku jQuery, MooTools un Prototips. Pilns saraksts pēc izlēkšanas.

    Šeit ir daži saistīti raksti, kurus mēs sapratām, ka jūs varētu interesēt:

    • HTML tabulu veidošana
    • Starteru komplekti tīmekļa dizaineriem
    • CSS Tab-Based navigācijas skripti

    CSS (tikai)

    Ja jūs uztraucaties par Javascript, kas ir atspējots klienta pārlūkprogrammā, šīs css-tikai nolaižamās izvēlnes jums neizdosies.

    CSS nolaižamo izvēlņu sistēma. Nosaukums saka visu. Tā ir sistēma, kas tiek izlaista ar GNU General Public License. Pārrobežu pārlūku saderīgs, viegls un viegli pārveidojams, lai atdarinātu daudzas esošās nolaižamās izvēlnes. Piemēram, Flickr, Adobe un MTV.com.

    Vispirms nolaižamā izvēlne CSS

    CSS Express nolaižamās izvēlnes. Palīdziet jums izveidot ātru (ātru) CSS nolaižamo izvēlni bez dažiem ierobežojumiem, kas atrodami citās "tīrās" CSS izvēlnēs.

    CSS + Javascript

    Ar Javascript palīdzību nolaižamā izvēlne ir vairāk interaktīva vai vismaz iegūst izsmalcinātu animāciju, kas uzlabo lietotāja pieredzi. CSS, no otras puses, pārliecinieties, vai izskats ir viegli cuztomizable.

    Visu līmeņu navigācijas izvēlne (v2.2). CSS / HTML saraksta izvēlne ar atbalstu bezgalīgajiem apakšizvēlņu līmeņiem. Tas ir viegls un viegli lietojams.

    Nolaižamās cilnes (5 stili). Nolaižamās cilnes ir horizontāla CSS cilne, kas atbalsta otrā līmeņa nolaižamo izvēlni katrai tās cilnei. Nāk 5 dažādos stilos.

    Chrome CSS nolaižamā izvēlne. Chrome izvēlne ir nolaižamā izvēlne CSS un JavaScript. Tas ir viegli konfigurējams un meklētājprogrammu draudzīgs. Galvenā izvēlņu josla sastāv no CSS saraksta, bet nolaižamās izvēlnes ir vienkārši parastas DIV tagi lapā.

    jQuerys

    Ja jūs savā vietnē esat ieviesis jQuery Javascript bibliotēku, šeit ir dažas tiešām atdzistas jQuery balstītas nolaižamās izvēlnes, kas jums jāzina.

    Gluda navigācijas izvēlne . Gluda navigācijas izvēlne ir daudzlīmeņu, CSS saraksta izvēlne, kas darbojas, izmantojot jQuery, kas padara tīmekļa vietnes navigāciju gludu. Šeit ir vēl viens līdzīgs - jQuery Multi Level CSS izvēlne.

    Superfish. Superfish ir uzlabota Suckerfish stila izvēlne jQuery spraudnis, kurā tiek izmantota jau esoša tīra CSS nolaižamā izvēlne (tāpēc tā degradējas bez JavaScript). [Demo | Lejupielādēt]

    Mega nolaižamā izvēlne. Nolaižamā izvēlne, kas satur vairāk nekā tikai jaunas saites. Tas arī padara grupu saites un padara nagivēšanu daudz vieglāku! [Demo]

    MooTools

    JavaScript nolaižamā izvēlne, izmantojot Mootools. Viegls, neuzkrītošs veids, kā izveidot nolaižamo izvēlni ar Mootools 1.2. [Demo | Lejupielādēt]

    UvumiTools nolaišanas izvēlne. Vienkārša daudzlīmeņu izvēlne, kas veidota no HTML unorderd saraksta, izmantojot Mootools Javascript Framework.

    Neuzbāzīga Mootool nolaižamā izvēlne

    Imitē

    Digg galvenes projektēšana. Soli pa solim apmācība par to, kā izveidot nolaižamo izvēlni, kas patiešām izskatās kā Digg. [Demo | Lejupielādēt]

    Dažādi.

    izzyMenu. Izveidojiet profesionālas izskata CSS izvēlnes savai vietnei internetā, neparakstot vienu rindas kodu vai vienkārši izmantojiet dažas no gatavajām.

    PureCSS izvēlne. Bezmaksas CSS nolaižamās izvēlnes ģenerators