- Registriert
- 05.10.07
- Beiträge
- 1.138
Ich programmiere derzeit an einem Dropdownmenü rum (einfach per <ul> erstellt), sagen wir mal es hat den Titel "Früchte" und als Menüpunkte "Apfel", "Birne" und "Pflaume". Mein Ziel ist, wenn der Mauszeiger auf einem der Menüpunkte ist, ein entsprechendes Foto unten im Menü anzuzeigen.
Per Javascript ist das ja verhältnismäßig einfach:
Ich füge unter "Pflaume" einen weiteren Menüpunkt hinzu, wo aber keine Frucht hinkommt, sondern das jeweilige Bild. Dann schreibe ich ein kleines Script, dass als Mouseover-Event von jedem Menüpunkt aufgerufen wird und unten das jeweilige Bild aufrauft (z.B. indem es den Wert des CSS-Elementes Background entsprechend abändert). Pseudocode:
function BildWechseln () {
var bildmenupunkt = this.parentElement.lastChild;
bildmenupunkt.style.background = 'apfel.jpg';
}
Fällt euch irgendeine Möglichkeit ein, die selbe Funktionalität auch ohne Javascript (also nur mit HTML und CSS) zu erreichen?
Per Javascript ist das ja verhältnismäßig einfach:
Ich füge unter "Pflaume" einen weiteren Menüpunkt hinzu, wo aber keine Frucht hinkommt, sondern das jeweilige Bild. Dann schreibe ich ein kleines Script, dass als Mouseover-Event von jedem Menüpunkt aufgerufen wird und unten das jeweilige Bild aufrauft (z.B. indem es den Wert des CSS-Elementes Background entsprechend abändert). Pseudocode:
function BildWechseln () {
var bildmenupunkt = this.parentElement.lastChild;
bildmenupunkt.style.background = 'apfel.jpg';
}
Fällt euch irgendeine Möglichkeit ein, die selbe Funktionalität auch ohne Javascript (also nur mit HTML und CSS) zu erreichen?