Alunecare verticală jQuery meniu (muzicuta, acordeon), proiectarea și dezvoltarea site-ului

Bună ziua. 🙂

Aproape toate site-urile au un meniu. Pentru frecventă, acesta este fie vertical sau orizontal. Dacă aveți un meniu vertical și există câteva puncte, ele pot fi plasate unul peste altul, și totul va fi frumos și elegant. Dar, uneori, se întâmplă că site-ul este foarte mult necesară pentru a găzdui astfel de elemente din meniu. acesta poate fi un site sau un catalog este foarte informativ și proprietarul sunt toate bine stabilite pe rafturi și este totul adus în meniu.

Dacă toate aceste elemente sunt plasate sub unul de altul, meniul poate deveni atât de mare încât înălțimea sa depășește înălțimea conținutul principal. Din exterior nu este foarte frumos, de altfel, într-o astfel de listă solidă de greu de găsit ceva. Toate grupate și de a reduce necesitatea de a face un astfel de lucru ca un meniu de alunecare.

Principiul meniului de alunecare este faptul că elementele de meniu sunt împărțite în grupe, iar aceste grupuri sunt ascunse, văzute doar numele grupului. Făcând clic pe titlu, lasă o listă a unui anumit număr de puncte.

Cum sa faci un meniu de alunecare? Acest lucru ne va ajuta - jQuery. Cu ea, totul va rula fără probleme și frumos ca în exemplul de mai sus. Începe să pună în aplicare un meniu de alunecare și de a efectua câteva puncte.

script jQuery

Ca de obicei, atunci când se lucrează cu jQuery, trebuie să-l conectați într-o bibliotecă. Ca de obicei, în antet sau subsol face o conexiune, cu excepția cazului în desigur, nu ați făcut înainte, pentru alte script-uri.

După adăugarea unei biblioteci script. ceea ce va face animatsiyu.Skriptov este 3, fiecare dintre ele în diferite moduri face animație.

HTML markup

Acum, în locul potrivit pe site-ul dvs., trebuie să -razmetki ieșire HTML. Ei bine, sau un pic să-și modifice lui de a face să pară ca în exemplul.

Nimic complicat, totul este organizat cu ajutorul - ul A-list.

Și, în sfârșit, pentru a seta vizualizarea corectă meniul nostru, este necesar să se înregistreze stiluri. Daca nu sunteti prima oară de lucru cu CSS. puteți personaliza cu ușurință stilul pentru ei înșiși.

Este nevoie de nimic mai mult. Această metodă nu este foarte complex și are mai multe tipuri de implementare, totul depinde de script-ul ales.

Asta e tot, vă mulțumesc pentru atenție. 🙂

Bună ziua dragi prieteni

Ai instalat extensia AdBlock sau altele asemenea. Adaugă site-ul meu pe lista albă, și, astfel, vnesesh contribuie la dezvoltarea acesteia. Instrucțiuni despre cum să dezactivați AdBlock doriți această fereastră