Pure CSS Menu a tendina

Question

Ho lavorato su applicazioni facebook e sai su facebook javascript nativo non è consentito, hanno la loro propria implementazione FBJS che è fastidioso quando si tratta di creare cose come i menu.

C'è un CSS puro soluzione discesa senza alcun coinvolgimento di javascript (javascript è utilizzato in tutte le soluzioni che ho visto per affrontare IE6)?

Answer 1

Sì, ci sono molti approches. Dai un'occhiata alla Listamatic .

  

Si può prendere un elenco semplice e utilizzare diversi Cascading Style Sheets per creare radicalmente diverse opzioni di lista? La Listamatic mostra la potenza di CSS quando applicata a un semplice elenco.

Ci sono entrambi i menu verticali e hortizonal, usando CSS puro.

Alcuni esempi di lavoro:

1. http://www.xs4all.nl/~peterned/examples/cssmenu .html
2. http://www.tjkdesign.com/articles/dropdown/demo.asp

In realtà, è possibile implementare una lista di base con poche righe:

li ul { display: none; } 
li:hover > ul { display: block; }

Si noti che è necessario JavaScript se sostenete IE6 (come does'nt lavoro con li: hover).

Answer 2

Google ha iniziato di recente phasing out IE6 sostegno e comunicate le loro applicazioni per i clienti di dominio di aggiornare i propri utenti. A meno che non si sta servendo un mercato o base di clienti che si sa è utilizzare IE6 e non può o non aggiornare avevo appena ignorarlo e uso il:. Hover soluzione sans javascript