테이블 위에 마우스가 올라가면 색상 변화하기

<table width="100%" height="40" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="1" bordercolor=#444444 style="font:12px; color:#000000;"> <tr bgcolor="#ff00ff"> <td width="150" height="40" bgcolor="#00ffff" style="cursor:hand" onmouseover="this.style.filter='Alpha(Opacity=30)';" onmouseout="this.style.filter='';" align=center> buty </td> <td width="150" height="40" bgcolor="#ff00ff" style="cursor:hand" onmouseover="this.style.filter='Alpha(Opacity=50)';" onmouseout="this.style.filter='';" align=center> buty </td> <td width="150" height="40" bgcolor="#ffff00" style="cursor:hand" onmouseover="this.style.filter='Alpha(Opacity=50)';" onmouseout="this.style.filter='';" align=center> buty </td> <td width="150" height="40" bgcolor="#225544" style="cursor:hand" onmouseover="this.style.filter='Alpha(Opacity=50)';" onmouseout="this.style.filter='';" align=center> buty </td> </tr> </table> .