Problem at table mouse over effect

Hello,

I wrote this code to add special effect on mouse over…

here is the code:
css

[CODE].dataTableRow { background-color: FFFFFF; }
.dataTableRowOver { background-color: #F0F1F1; cursor: pointer; cursor: hand; }[/CODE]

js

[CODE]function rowOverEffect(object) {
if (object.className == ‘dataTableRow’) object.className = ‘dataTableRowOver’;
}

function rowOutEffect(object) {
if (object.className == ‘dataTableRowOver’) object.className = ‘dataTableRow’;
}[/CODE]

html

[CODE]<table>
<tr class=”dataTableRow” onMouseOver=”rowOverEffect(this)” onMouseOut=”rowOutEffect(this)”>
<td>Something</td>
</tr>
</table>[/CODE]

but nothing happends…

can anyone help me out?

thank you!

Also in #JavaScript _↴