DIV-Dropdown-Menü (2)
Autor：Eve Cole
Aktualisierungszeit：2009-06-20 17:00:56
Sie können dieses Programm zwischen den -Tags oder an einer beliebigen Stelle auf der Webseite platzieren.
Als nächstes müssen wir unsere eigentlichen Menüelemente definieren. Hier müssen wir jedem Menüelement ein Mausbewegungsereignis (OnMouseOver) hinzufügen und dieses Ereignis die oben definierte Show-Funktion aufrufen lassen. Mit anderen Worten: Sobald die Maus unseren Menüpunkt betritt, beginnt die Ausführung unserer Show-Funktion. Hier müssen wir auch eine ID-Nummer für jeden unserer Menüpunkte definieren und den ID-Namen seiner Dropdown-Menüspalte an die Funktion „Anzeigen“ übergeben. Dies ist für uns von entscheidender Bedeutung, um die Dropdown-Menüspalte unten I zu steuern Geben Sie den ID-Namen des Menüelements an. HTML-Syntaxbeschreibung:
Zum Schluss müssen wir noch unsere Dropdown-Menüspalte definieren. Für jede Dropdown-Menüspalte müssen wir ihr das CSS-Attribut „Submenu“ und einen ID-Namen zuweisen, damit unsere Show-Funktion sie steuern kann. Schließlich setzen wir ihren Standardanzeigemodus auf „Keine“, was bedeutet, dass dies nicht der Fall ist angezeigt. Dies wird erreicht, indem dem Anzeigestil „none“ zugewiesen wird. Unten habe ich eine HTML-Syntaxbeschreibung für eine Dropdown-Menüspalte gegeben:
Dies ist der gesamte Prozess. Mit den oben genannten vier Schritten können Sie ein Menü auf jeden Fall auf Ihrer Webseite platzieren. Natürlich können Sie auch versuchen, die Eigenschaften des Menüs selbst zu ändern, um es einem Menü ähnlicher zu machen.
