Onmouseover Javascript

Artikel ni saja ak letk bcoz ak rasa script ini kerap digunakan dan menjadi asas dlm pembinaan 'booking style' or whatever yg ad kaitan... hehe... .berikut adalah sample

HTML/CSS:

<table>
<tr>
<td onMouseOver="this.bgColor='#EEEEEE';" onMouseOut="this.bgColor='#FFFFFF';">1</td>
<td onMouseOver="this.bgColor='#EEEEEE';" onMouseOut="this.bgColor='#FFFFFF';">2</td>
</tr>
<tr>
<td onMouseOver="this.bgColor='#EEEEEE';" onMouseOut="this.bgColor='#FFFFFF';">3</td>
<td onMouseOver="this.bgColor='#EEEEEE';" onMouseOut="this.bgColor='#FFFFFF';">4</td>
</tr>
</table>

JAVASCRIPT:

<script type="text/javascript">

var bgcolor = "#FFFFFF";
var change_color = "#EEEEEE"

function mover(a) {
a.style.backgroundColor = change_color;
}
function mout(a) {
a.style.backgroundColor = bgcolor;
}
</script>

<table>
<tr>
<td onmouseover="mover(this);" onmouseout="mout(this);">1</td>
<td onmouseover="mover(this);" onmouseout="mout(this);">2</td>
</tr>
<tr>
<td onmouseover="mover(this);" onmouseout="mout(this);">3</td>
<td onmouseover="mover(this);" onmouseout="mout(this);">4</td>
</tr>
</table>

Selamat Mencuba!!