Reines CSS Dropdown-Menü

https://stackoverflow.com/questions/2348736

23-09-2019
|

Frage

Ich habe auf Facebook-Anwendung arbeiten, und Sie wissen, auf Facebook nativer JavaScript nicht erlaubt ist, sie ihre eigene Implementierung FBJS hat, die lästig ist, wenn es darum geht, Sachen wie Menüs zu schaffen.

Gibt es eine reine CSS Drop-Down-Lösung ohne Beteiligung von Javascript (Javascript in allen Lösungen verwendet wird, die ich gesehen habe IE6 in Angriff zu nehmen)?

Lösung

Ja, es gibt viele approches. Hier finden Sie aktuelle Listamatic .

Können Sie eine einfache Liste und verwenden unterschiedliche Cascading Style Sheets radikal Optionen andere Liste zu erstellen? Die Listamatic zeigt die Macht der CSS, wenn auf eine einfache Liste angewendet.

Es gibt sowohl vertikale als auch hortizonal Menüs, reine CSS.

Einige Arbeitsbeispiele:

Eigentlich kann man eine Grundliste mit wenigen Zeilen implementieren:

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

Beachten Sie, dass Sie JavaScript benötigen, wenn Sie IE6 unterstützen (wie es Arbeit does'nt mit li: hover).

Andere Tipps

Google vor kurzem begann

Lizenziert unter: CC-BY-SA mit Zuschreibung

Nicht verbunden mit StackOverflow