Mouse-over-Navigation Dropdown Menü Mit HTML und CSS

Möchte ich Fragen, ob es irgendeinen Weg gibt, zu entwickeln, die eine mouse-over dropdown-Menü mit CSS und HTML, weil ich gesehen habe, vor einigen websites wie google zum Beispiel entwickelt wie die Menüs, und es scheint, dass wenn man einmal durch einen heimlichen tag wird für Sie sichtbar.

Bitte, wenn einer eine Idee haben, eine Quelle-code, die Idee

Dank und Grüße

InformationsquelleAutor | 2011-10-10
  1. 1

    Ich glaube nicht, ich kann es besser erklären als dies: http://www.htmldog.com/articles/suckerfish/dropdowns/

    Das ist, was ist bekannt als "Son of Suckerfish Dropdowns". Es sollten erhalten Sie gehen in die richtige Richtung. Sie sich bewusst sein, dass CSS-only-dropdowns funktioniert nicht in IE 6 und älter.

    • Ich habe nicht daran erinnern, dass, wenn der IE gestartet unterstützt :hover auf nicht-Anker-Elemente, das ist, warum ich sagte "ich glaube." Sieht aus wie seine IE6 und unten. Aktualisierte Antwort zu reflektieren.
    • +1 für die Referenzierung eine gute Anleitung, wie Sie sollten, die Menü-Strukturen.
    InformationsquelleAutor Brent
  2. 5

    Dies bezeichnet man einen CSS-hover-Menü. Sie sind eine tolle alternative zu JavaScript zu verwenden.

    Beispiel-Implementierung:

    .trigger ul.menu
{
    display: none;
}
.trigger:hover ul.menu
{
    display: block;
}

    Beispiel-Tutorial: http://www.shingokko.com/blog-entry/pure-css-hover-menu.html

    Im Gegensatz zu anderen Antworten, ist diese Methode ist cross-browser-kompatibel. Wenn korrekt implementiert, es wird gut funktionieren im IE6+ (Quelle).

    • Schöne Tisch - /bedingte Kommentar-Hack, es ist hässlich, aber ich werde zumindest zugeben, es funktioniert. Hier ein Tipp: der Tropfen, der IE6-Unterstützung, und Sie brauchen keine dass.
    • Ich Stimme diesem, eleganter und einfacher
    InformationsquelleAutor ShaneC
Schreibe einen Kommentar