Entwickler Mark Alldritt hat ein ziemlich nettes Stück Code (XCode-Projekt) zum Erstellen von schönen Apple-ähnlichen Menüs in Anwendungen gepostet. Ich dachte, ich würde versuchen, dieselbe Idee mit CSS nachzubilden. Es hat ziemlich gut funktioniert, siehe Screenshot
Das CSS verwendet nur ein paar verschachtelte ungeordnete Listen. Die verschachtelte Liste verwendet eine li:hover Pseudoklasse, aber ich stelle mir vor, dass dasselbe mit Anker-Elementen, die auf display:block gesetzt sind, gemacht werden könnte, um es browserfreundlicher zu machen. Laden Sie das Beispiel gerne herunter und machen Sie damit, was Sie wollen.
Ich wollte diesen tollen Artikel einreichen.
Wow! Vor ein paar Tagen habe ich ein Menü aus einer ungeordneten Liste gesehen, das nur die ID des Body-Tags wechselte, um verschiedene Untermenüs anzuzeigen. In Kombination damit könnten Sie diesen Menüstil noch besser nachbilden, d.h. die Dreiecksposition etc.! Vielleicht probiere ich es mal aus ;-)
@Jayzon: Ich habe mit diesem Body-Tag-ID-Ding hier viel herumgespielt. hier.
Ich denke, es ist eine solide Idee, die man wann immer möglich nutzen sollte.