이상하게 여기서 에러 뜨길래 완성본 화일로 첨부 했습니다. 확인해보세요.

 

 

<script language="javascript">
<!--
// 색깔에 관한 정보를 관리할 변수들의 배열입니다. 원하는 항목 갯수만큼 만들고 초기화 시키세요
Flag = new Array(2);
Flag[0] = 0;
Flag[1] = 0;

// 실제 색깔 바꾸기에 쓰일 함수입니다. 이 함수는 색깔을 두개 선택할 수 있습니다.
// Color1,2,3... 이렇게 변수를 추가하시고 새로 함수를 만드시면
// 3개 4개... 더 많은 색깔을 사용할 수도 있지요.
// 색깔이 세개 이상일때는 스위치 문이 효율적입니다. 2개때는 아래의 코드를 그냥 쓰세요.
function ChangeColor(Table, Index, Color1, Color2)
{
     if(Flag[Index]){
            Table.style.backgroundColor=Color1;
            Flag[Index] = 0;
      }
      else{
            Table.style.backgroundColor=Color2;
            Flag[Index] = 1;
      }
}
//-->

<!--
onClick : 마우스 클릭시
onMouseOver : 마우스 진입시
onMouseOut : 마우스 이탈시
이 외에도 키보드 다운, 마우스 더블클릭 등 다양한 형태의 이벤트 핸들러가 있습니다.
드림위버의 인텔리센스 기능(스페이스 키를 누르면 테그 리스트가 뜹니다)을 이용해서
자신에게 필요한 이벤트 핸들러를 사용하세요
함수 호출 방법은 다음과 같습니다.
ChangeColor(this, 플래그인덱스, '색깔1', '색깔2')
this 는 현재 내가 처리할 대상의 포인터, 즉 여기서는 셀의 포인터구요(포인터 = 주소)
플래그인덱스는 위에서 선언한 배열. 셀 마다 다른 인덱스를 사용하세요.
색깔1, 색깔2는 번갈아 가며 나타낼 색깔 이름 입니다.
//-->
<TABLE border=1>
<TR>
<TD style="BACKGROUND-COLOR: red" onclick="ChangeColor(this, 0, 'RED', 'BLUE')">최불암</TD>
<TD style="BACKGROUND-COLOR: orange" onclick="ChangeColor(this, 1, 'ORANGE', 'PURPLE')">이문세</TD></TR>