Menüaussehen

SimBoss

Mitglied
ich hätte da mal eine frage:
wie macht man das, dass beim menü, wenn man auf ein logo/zeichen zeigt (mit der maus), dass daneben gleich eine liste erscheint wo unterüberschriften aufgelistet sind ?
 
CODE <html>
<head>


<link rel="stylesheet" type="text/css" href="../frames/style.css">

<style type="text/css">
<!--
#tuer1,#tuer2,#tuer3 {display:none} /* #tuer4,#tuer5,#tuer6, .... */
#inhalt {
background: #000080; /* Hintergrundfarbe (in diesem Beispiel die Farbe Blau */
font-family: Verdana; /* Schriftart */
font-size: 14px; /* Schriftgröße */
color: #FFFFFF; /* Schriftfarbe Weiß */
padding-left: 14px; padding-right: 14px; /* Abstand links und rechts */
cursor:default; /* Mauszeiger */}

a:link,visited,hover {
font-family: Verdana; /* Schriftart */
font-size: 14px; /* Schriftgröße */
color: Blue; /* Schriftfarbe Blau */
}

a:hover {color: Red;} /* Hovereffekt (Rot) */
-->
</style>


<script language="JavaScript" type="text/javascript">
<!--


function auf(tuer) {
if (document.all) {
document.all[tuer].style.display="block"}
}

function zu(tuer) {
if (document.all) {
document.all[tuer].style.display="none"}
}

//-->
</script>

</head>
<body>

</div>



<span id="inhalt" onMouseOver="auf('tuer1')" onMouseOut="zu('tuer1')">Inhalt 1</span><br>
<table id="tuer1" onMouseOver="auf('tuer1')" onMouseOut="zu('tuer1')" border=1 bordercolor=000080 cellpadding=3 cellspacing=0>
<tr>
<td>
<a href="../frames/demolink.htm">Seite 1</a><br>
<a href="../frames/demolink.htm">Seite 2</a><br>
<a href="../frames/demolink.htm">Seite 3</a><br>
<a href="../frames/demolink.htm">Seite 4</a>
</td>
</tr>
</table>

<span id="inhalt" onMouseOver="auf('tuer2')" onMouseOut="zu('tuer2')">Inhalt 2</span><br>
<table id="tuer2" onMouseOver="auf('tuer2')" onMouseOut="zu('tuer2')" border=1 bordercolor=000080 cellpadding=3 cellspacing=0>
<tr>
<td>
<a href="../frames/demolink.htm">Seite 6</a><br>
<a href="../frames/demolink.htm">Seite 7</a><br>
<a href="../frames/demolink.htm">Seite 8</a><br>
<a href="../frames/demolink.htm">Seite 9</a>
</td>
</tr>
</table>

<span id="inhalt" onMouseOver="auf('tuer3')" onMouseOut="zu('tuer3')">Inhalt 3</span><br>
<table id="tuer3" onMouseOver="auf('tuer3')" onMouseOut="zu('tuer3')" border=1 bordercolor=000080 cellpadding=3 cellspacing=0>
<tr>
<td>
<a href="../frames/demolink.htm">Seite 10</a><br>
<a href="../frames/demolink.htm">Seite 11</a><br>
<a href="../frames/demolink.htm">Seite 12</a><br>
<a href="../frames/demolink.htm">Seite 14</a>
</td>
</tr>
</table>

</p>

</body>
</html>


halt noch auf deine bedürfnisse anpassen
 
Zurück
Oben