osClick, onFocus, onMouseOut och onMouseover

Hej allihop jag är tillbaka igen. Önskar att jag antingen hade tillgång till mina tidigare projekt eller att det inte gick flera år mellan dom :)

Det är såhär, jag sitter i brisbane, australien och knåpar ihop ett litet projekt åt en snubbe här.

Menyn på sidan sak bestå av en tabell med 6 "td" taggar som jag vill ändra lite på om användaren för musen över tabellen, klickar på den osv.

		<table width="100%" border="0" align="center" cellpadding="0" cellspacing="7">
			<tr>
				<td width="16%" class="menu">Home</td>
				<td width="16%" class="menu">Demo</td>
				<td width="16%" class="menu">Try</td>
				<td width="16%" class="menu">Buy</td>
				<td width="16%" class="menu">Faq</td>
				<td width="16%" class="menu">Support</td>
			</tr>
		</table>

och klassen menu ser ut som följer:

.menu {
	background-color: #FFFFFF;
	border: 1px;
	border-color: #000000;
	border-style: solid;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

Hur lägger jag till det så att td får klassen .menuOver om användaren för musen över cellen och skulle det fungera både i mozillabaserade webläsare och ie?

för att ändra bakgrunden.

<td onmouseover="this.style.background='#cccccc';" style="background: #000000" onmouseout="this.style.background='#C0C0C0';"

.menu:hover {

}

?

Mjo det vet jag också men jag undrade hur man ändrar en hel "class" och svaret är som följer:

<td width="16%" class="menu" onMouseOver="this.className='menuOver'" onMouseOut="this.className='menu'">Home</td>