fabian0307: Rollovermenue mit Hiddensubmenu

Hallo.
Ich Probiere schon seit einiger Zeit an meinem neuen Menü.
Ich habe 5 Pages in einem Rollovermenü, wobei dann immer das Bild, beim Rollover umgeschaltet wird.
In einigen dieser Menüpunkte gibt es aber, oder soll es, ein untermenü geben, welches sich öffnet, sobald man über den Menüpunkt geht.
Innerhalb des Submenüs sollen die Links dann auch wieder mit Rolloverildern entstehen. Soweit bin ich schon mal nur zur veranschaulichung:

<div id="top_navigation">  
  
  <div id="top_button1"><a href="index.php" onmouseout="MM_swapImgRestore() ; hide('submenue')" onmouseover="MM_swapImage('HOME','','menue/buttons/home/home_main_on.png',0) ; show('submenue')">  
  <img src="menue/buttons/home/home_main_off.png" alt="HOME" name="HOME" width="195" height="60" border="0" id="HOME" /></a></div>  
  
  
  <div id="top_button2"><a href="behandlung.php" onmouseout="MM_swapImgRestore() ; hide('submenue')" onmouseover="MM_swapImage('BEHANDLUNG','','menue/buttons/behandlung/behandlung_main_on.png',0) ; show('submenue')">  
  <img src="menue/buttons/behandlung/behandlung_main_off.png" alt="BEHANDLUNG" name="BEHANDLUNG" width="195" height="60" border="0" id="BEHANDLUNG" /></a>  
  <div id="submenue">  
  		<div id="submenue_button1">Kinder</div>  
        <div id="submenue_button2">Erwachsene</div>  
        <div id="submenue_button3">Speziell</div>  
        <div id="submenue_button4">SES / SEV</div>  
        <div id="submenue_button5">MFT</div>  
        <div id="submenue_button6">Stimmst&ouml;rung</div>  
        <div id="submenue_button7">Laryngektomie</div>  
        <div id="submenue_button8">Stottern</div>  
        <div id="submenue_button9">Hirnsch&auml;digung</div>  
        <div id="submenue_button10">LRS</div>  
        <div id="submenue_button11">Auditive Wahrnehmung</div>  
  
    </div>  
  </div>  
  
  
  
  <div id="top_button3"><a href="bilder.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BILDER','','menue/buttons/bilder/bilder_main_on.PNG',0)">  
  <img src="menue/buttons/bilder/bilder_main_off.PNG" alt="BILDER" name="BILDER" width="195" height="60" border="0" id="BILDER" /></a></div>  
  <div id="top_button4"><a href="presse.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('PRESSE','','menue/buttons/presse/presse_main_on.PNG',0)">  
  <img src="menue/buttons/presse/presse_main_off.PNG" alt="PRESSE" name="PRESSE" width="195" height="60" border="0" id="PRESSE" /></a></div>  
  <div id="top_button5"><a href="kontakt.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('KONTAKT','','menue/buttons/kontakt/kontakt_main_on.png',0)">  
  <img src="menue/buttons/kontakt/kontakt_main_off.png" alt="KONTAKT" name="KONTAKT" width="195" height="60" border="0" id="KONTAKT" /></a></div>  
  
</div>

Hoffe ihr versteht meine Frage und danke schon mal im vorraus.
LG

  1. Om nah hoo pez nyeetz, fabian0307!

    was machst du mit jenen, die Javascript nicht aktiviert haben?

    Das Einblenden funktioniert auch ohne JS, das kannst du z.B. auf billiger-im-urlaub sehen, die rechte Liste heißt Schnellzugriff, schau dir die CSS-Datei an.

    und für die Änderung des Hintergrundbildes empfehle ich dir meinen Artikel zu CSS-Sprites.

    Matthias

    --
    http://www.billiger-im-urlaub.de/kreis_sw.gif