Lista drop-down în css

Deci, să nu susțin mult timp, vom merge direct la punctul

Am omite în mod deliberat elementele comune, cum ar fi conectarea de stiluri, astfel încât codul nu este umflat. În partea de jos a paginii am da un link la codul sursă - totul este acolo.
Ceea ce avem în HTML - lista de obicei și titlul neobișnuit. Unicitatea sa este că se face un hyperlink, care vă permite să urmăriți evenimentul: Hover. și anume orientare. Lista verticală va funcționa atunci când cursorul este pe un antet.

Nu e nimic special, dimensiunea specificată și stilul de bloc, stil, și titlul la ambele elemente - stilurile lor hover. Du-te:

Acest cod este deja mai interesant și arată comportamentul listei drop-down la cursor. În starea normală ar trebui să afișeze: nici unul, ceea ce înseamnă că nu este afișat. Plutind - afișarea de unitate. Asta e tot secretul. Acum, un pic aranja elementele dintr-o listă și inserați pictograme:

Asta e tot. Lista verticală este gata și se pare destul de frumos. Puteți aranja elementele în propria sa discreție, se adaugă colțuri rotunjite și alte „fleacuri“.

Dacă doriți lista de „suprapune“, textul de mai jos, atunci când treceți - priviți în direcția indexului z.

înregistrări similare

Ok, se pregătește acum un alt articol - pentru zilele de miercuri, joi, așteptați pe listă

Spune-mi, cum să facă această listă a fost dezvăluit, făcând clic, nu și atunci când mutați?

Da, ar fi foarte util

Atunci da, sunt de acord. În ceea ce privește IE6 - Îmi amintesc de dragostea ta pentru el Ce pot să spun - nu-mi place, de multe ori mă întâlnesc cu el în lucrarea principală. Deși nu putem scrie off glyuchnost clienții băncii provinciale

Cel mai interesant lucru este util. Doar o: plasați cursorul pentru link-uri și pentru div acesta va realiza doar browsere speciale avansate. droplink: hover
Deci, este cross-browser-ul nu va funcționa ...