Mám pro vás/tebe 3 řešení, které dělají to samé...
1. Jednoduše to lze provést např. takto:
<table><tr><td onmouseover="this.style.backgroundColor='red'" onmouseout="this.style.backgroundColor='white'">Buňka</td></tr></table>
2. Elegantnější a flexibilnější je však např. toto řešení:
...
<STYLE>
.bunka { background-color: white }
.zvyrazenaBunka { background-color: red }
</STYLE>
...
<table><tr><td class="bunka" onmouseover="this.className='zvyrazenaBunka'" onmouseout="this.className='bunka'">Buòka</td></tr></table>
3. A ještě lepší a flexibilnější :) je toto řešení:
...
<STYLE>
.bunka { background-color: white }
.zvyrazenaBunka { background-color: red }
</STYLE>
<SCRIPT language="JavaScript">
<!--
function zvyrazni(co) {
co.className = "zvyraznenaBunka";
}
function odvyrazni(co) {
co.className = "bunka";
}
//-->
</SCRIPT>
...
<table><tr><td class="bunka" onmouseover="zvyrazni(this)" onmouseout="odvyrazni(this)">Buňka</td></tr></table>
Snad jsem vám/ti pomohl :)