Mouseover bzw. MouseOut Dropdown Menü

akdesign · 27.05.2008, 19:01

Hallo Zusammen,

ich habe folgendes:
http://www.kessler-creativdesign.de/.../produkte.html

Ich habe bei Mouseover auf den Menüpunkt Fixierungen den Befehl "Layer einblenden".
Das ist auch soweit wunderbar.
Allerdings sollte ja bei Mouseout wieder die Layer verschwinden.
Wenn ich das setzte, dann komme ich ja aber nicht auf die weiteren Submenüs.

Daher habe ich im Moment gemogelt, und das mouseout erst im letzten Submenü-Punkt gesetzt.

Kann mir jemand helfen, wie ich das mache.

Wäre euch echt dankbar.

Hier noch ein Teil des Codes:

HTML-Code:

<body bgcolor="#CCCCCC" onLoad="MM_showHideLayers('impressum','','show','sprachen','','show','menueleiste1','','show','menueleiste2','','show','menueleiste3','','show');MM_preloadImages('images/menue1_over.gif','images/inhalt_menue2_over.gif','images/inhalt_menue3_over.gif','images/inhalt_menue4_over.gif','images/inhalt_menue5_over.gif');

P7_Snap('produkte_inhalt','impressum',-140,-124);P7_Snap('produkte_inhalt','sprachen',544,-129);P7_Snap('produkte_inhalt','menueleiste1',60,2);P7_Snap('produkte_inhalt','submenue1',60,20);P7_Snap('produkte_inhalt','menueleiste2',160,2);P7_Snap('produkte_inhalt','submenue2',160,20);P7_Snap('produkte_inhalt','menueleiste3',270,2)" 

onResize="P7_Snap('produkte_inhalt','impressum',-140,-124);P7_Snap('produkte_inhalt','sprachen',544,-129);P7_Snap('produkte_inhalt','menueleiste1',60,2);P7_Snap('produkte_inhalt','submenue1',60,20);P7_Snap('produkte_inhalt','menueleiste2',160,2);P7_Snap('produkte_inhalt','submenue2',160,20);P7_Snap('produkte_inhalt','menueleiste3',270,2)">


<div id="impressum">Impressum&nbsp;&nbsp;|&nbsp;&nbsp;Download area</div> 
<div id="sprachen"><img src="images/gb.jpg" alt="English" width="23" height="15">&nbsp;&nbsp;&nbsp;<img src="images/fr.jpg" alt="Français" width="23" height="15">&nbsp;&nbsp;&nbsp;<img src="images/es.jpg" alt="Español" width="23" height="15">&nbsp;&nbsp;&nbsp;<img src="images/pt.jpg" alt="Portuguese" width="23" height="15">&nbsp;&nbsp;&nbsp;<img src="images/it.jpg" alt="Italiano" width="23" height="15">&nbsp;&nbsp;&nbsp;<img src="images/br.jpg" alt="Portuguese" width="23" height="15">&nbsp;&nbsp;&nbsp;<img src="images/pl.jpg" alt="Polski" width="23" height="15"></div>



<div id="menueleiste1"><a href="" class="menuepunkt" onMouseOver="MM_showHideLayers('submenue1','','show')">Fixierungen</a></div>

<div id="submenue1"><a href="" class="unterpunkte">Schläuche/Leitungen<br>
<a class="unterpunkte" href="">Sonden Nasal<br>
<a class="unterpunkte" href="">Tuben Endotracheal<br>
<a class="unterpunkte" href="" onMouseOut="MM_showHideLayers('submenue1','','hide')">Thoraxdrainagen</a>
</div>


<div id="menueleiste2"><a href="" class="menuepunkt" onMouseOver="MM_showHideLayers('submenue2','','show')">Pflege/Schutz</a></div>

<div id="submenue2"><a href="" class="unterpunkte" onMouseOut="MM_showHideLayers('submenue2','','hide')">Brustpads</a>
</div>

<div id="menueleiste3"><a href="" class="menuepunkt" onClick="MM_popupMsg('Informationen zu unseren weiteren Produkten erhalten Sie in K&uuml;rze.')" onMouseOver="MM_showHideLayers('submenue3','','show')">weitere Produkte</a></div>

<tr>
	<table width="900" style="position:absolute; top:0px; left:0px; width:100%; height:100%;">
	<tr>
	  <td align="center" valign="middle"><table width="900" height="600" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="2"><img src="images/kopf.jpg" alt="epoMED" width="900" height="110"></td>
  </tr>
  <tr>
    <td><img src="images/produkte_menue1_aktiv.gif" alt="Produkte" name="menue1" width="140" height="72" border="0" id="menue1"><br>
      <img src="images/inhalt_menue2.gif" alt="Anwendung" name="menue2" width="140" height="40" border="0" usemap="#menue2Map" id="menue2"><br>
      <img src="images/inhalt_menue3.gif" alt="Wissenswertes" name="menue3" width="140" height="40" border="0" usemap="#menue3Map" id="menue3"><br>
      <img src="images/inhalt_menue4.gif" alt="Jobs" name="menue4" width="140" height="40" border="0" usemap="#menue4Map" id="menue4"><br>
      <img src="images/inhalt_menue5.gif" alt="Kontakt" width="140" height="40" border="0" usemap="#menue5" id="Image2"><br>
      <img src="images/inhalt_menue6.gif" width="140" height="40"><br>
	  <img src="images/inhalt_menue7.gif" width="140" height="40"><br>
      <img src="images/inhalt_menue8.gif" width="140" height="40"><br>
      <img src="images/inhalt_menue9.gif" width="140" height="40"><br>
      <img src="images/inhalt_menue_unten.gif" alt="Men&uuml;" width="140" height="98"></td>
    <td><img src="images/produkte_inhalt.jpg" alt="ep" name="produkte_inhalt" width="760" height="490" border="0" id="produkte_inhalt"></td>
  </tr>
</table>
</td></tr></table></tr>