Multi-nivel de meniu vertical folosind CSS3, Rudebox
În lecția de astăzi ne vom uita la o tehnică minunată, care ajută la economisirea de spațiu pe site-ul dvs., și anume meniul drop-down mai multe niveluri, care va salva o mulțime de pe site-ul, utilizatorul este intuitiv clar că urmează elementul copil. Datorită acestui navigare, puteți reduce cantitatea de informații afișate pe site-ul în același timp calitatea eliberării sale. Acest exemplu este proiectat exclusiv cu CSS. De asemenea, am adăugat și versiunea folosind jQuery.
Pentru a obține o astfel de funcție, am folosit un familiar de la școală mai devreme, și anume pseudo-clasa: verificate. Și astfel, să începem.
Pasul 1. HTML
Structura HTML este destul de simplu: acordeonul este o listă neordonată. Dacă elementul are atașamente, atunci vom adăuga intrare [type = caseta] nume. Doar atribui această clasă element de .has-copii. Toate elementele „standard“ conține o listă Ref:
- Gigabajt: Buna ziua. Contactati-ne companie Nevozmozhnogo.rf Bureau - ajutor. ).
- Sinaps: Întrebarea este ce? Și alții văd ceva ce cineva a pictat? Este potrivit pentru partajare.
- Igor Loeb: închis)
- las: dar după cum se adaugă la site-ul.
- David: Vă mulțumesc pentru indiciu)
- Scorpie: Cetățenii au un mouse fără valoare este printre Lupa! Pentru a elimina săgeata, este necesar să se adauge cursorului .example.
- serj_ben: Vă mulțumesc foarte mult) corectat!
- DiCorp: Buna ziua. Potrivit incapacitatea de a scrie pe care scrie aici. Am observat că site-kosyachki mici. 1) K