Schauen wir doch mal in den Qualcode:
<a class="menu" href="#">» Home</a>
<a class="menu" href="#">» News</a>
Also eine ganz schlichte Variante, die den Rollover-Effekt einzig per CSS realisiert. Schauen wir also in's CSS-File:
/* Dieser Style definiert das Aussehen des "normalen" Menü-Links */
a.menu:link, a.menu:visited {
display : block;
background-color : white;
color : #900;
font-weight : bold;
text-decoration : none;
padding : 2px;
border : 1px solid black;
width : 120px;
margin : 5px 0px 5px 0px;
}
/* ...und damit's "leuchtet", wenn die Maus drüber ist: */
a.menu:active, a.menu:hover {
color : white;
background-color : #900;
}
