列もハイライト
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>ハイライト(JavaScript)</title>
</head>
<body>
<script type="text/javascript">
<!--
function hightlight(target, color){
target.style.backgroundColor = color;
}
//-->
</script>
<table border="1" style="border-collapse:collapse">
<tr><th>氏名</th><th>日付</th></tr>
<tr onmouseover="hightlight(this,'#00FFFF')" onmouseout="hightlight(this,'#FFFFFF')" >
<td>生徒1</td><td>2005/04/01</td></tr>
<tr onmouseover="hightlight(this,'#00FFFF')" onmouseout="hightlight(this,'#FFFFFF')" >
<td>生徒2</td><td>2004/02/01</td></tr>
<tr onmouseover="hightlight(this,'#00FFFF')" onmouseout="hightlight(this,'#FFFFFF')" >
<td>生徒3</td><td>2004/10/01</td></tr>
<tr onmouseover="hightlight(this,'#00FFFF')" onmouseout="hightlight(this,'#FFFFFF')" >
<td>生徒4</td><td>2004/08/01</td></tr>
<tr onmouseover="hightlight(this,'#00FFFF')" onmouseout="hightlight(this,'#FFFFFF')" >
<td>生徒5</td><td>2005/06/01</td>
</table>
</body>
</html>
で行にハイライトを設定しているのですが、同時に列にも同じようにハイライトを設定したいと思っております。
どのように変更したらよいでしょうか？
ご存知の方、宜しくお願いします。
