meniul vertical css

În exemplul dat meniu vertical, submeniurile deschis lin (mutat în afară), atunci când faceți clic pe mouse-ul pe meniul principal. Acesta a implementat toate pur și simplu, folosind un cod HTML simplu care conține o listă neordonată cu un singur nivel de stiluri de fișiere css cuibărit și patru imagini. Asta se pare ca meniul în sine.

Imaginile folosite în exemplul este de două pătrate de elemente de stil și sub-elemente din meniul nostru. Pentru elementele (denumirea lor), am ales un pătrat mare (big.png), pentru sub - un pătrat mic (small.png). Desigur, aveți posibilitatea să atribuiți pentru fiecare meniu imagini de elemente, dar fără a se limita la acestea două. Încă două săgeți imagine este vveh-jos, indicând elementul de meniu principal (care conține un submeniu) deschiderea de închidere. cu fișiere săgeți numite up.gif și down.gif respectiv. Fotografiile sunt în arhiva cu acest exemplu.

Pentru frumusete (daca se poate spune despre acest exemplu), iar operația de meniu este responsabil fișier cu stiluri style.css, care este stocat în dosarul css. Stiluri de tabel Deducem întotdeauna într-un fișier separat, pentru a se conecta la pagina index.html, care a folosit linia

Pus în aplicare în așa fel dezvăluie lucrări de meniu verticale în toate browserele moderne. În versiunile mai vechi de browsere, cum ar fi IE6, IE7, Safari sau un meniu nu funcționează sau nu este afișată corect, deci nu poate fi numit un browser, care, desigur, este regretabil. Pentru funcționarea corectă a meniului în browsere mai vechi fără sprijinul j # 097; vascript, cred, nu pot face. nu deranjez a devenit, ca nici un moment și chiar reticenți la meniu personalizat pentru fiecare loc de muncă un browser vechi. Oamenii normali nu le folosesc deja. În cazul în care unul este interesat, Internetul poate fi destul de ușor pentru a găsi exemple de cross-browser meniurile derulante vertical (inclusiv atunci când indicatorul mouse-ului), a făcut folosind jQuery.

Fișierele utilizate în acest exemplu, puteți descărca vertmenu.zip arhiva [6,28 Kb]

Știri asociate: