onMouseOut, onMouseOver med class

jag fösöker få min meny att funka med class, hitills har jag fått det att funka med style men nu vill jag ha det i class, och gärna i en function, som den på denna sida
http://www.frenetic.se/articleshow.asp?id=7

skulle även villa ha några bra sajter där de berättar lite mer om onmouse och funktioner

<style>
.mover{background:#aaaa77;cursor:pointer}
.mout{background:#999966;}
</style>

<table width="78" border="0" bgcolor="#999966">
  <tr>
    <td onclick="location.href='lank1.html';" onmouseover="bgover(this);"
    onmouseout="bgout(this);"><a href="lank1.html">Länk 1</a></td>
  </tr>

  <tr>
    <td onclick="location.href='lank2.html';" onmouseover="bgover(this);"
    onmouseout="bgout(this);"><a href="lank2.html">Länk 2</a></td>
  </tr>

  <tr>
    <td onclick="location.href='lank3.html';" onmouseover="bgover(this);"
    onmouseout="bgout(this);"><a href="lank3.html">Länk 3</a></td>
  </tr>
</table> 

<script language="javascript1.2" type="text/javascript">
<!-- 

function bgover(obj){
 obj.className='mover';
}

function bgout(obj){
 obj.className='mout';
}
// -->
</script>

skulle även villa ha några bra sajter där de berättar lite mer om onmouse och funktioner

Jag har ett bra tips https://www.webforum.nu