表格背景颜色变换

要完成此效果需要两个步骤

第一步：把如下代码加入到%26lt;head%26gt;区域中

%26lt;script language=%26quot;JavaScript1.2%26quot;%26gt;
function changeto(highlightcolor){
source=event.srcElement
if (source.tagName==%26quot;TR%26quot;||source.tagName==%26quot;TABLE%26quot;)
return
while(source.tagName!=%26quot;TD%26quot;)
source=source.parentElement
if (source.style.backgroundColor!=highlightcolor%26amp;%26amp;source.id!=%26quot;ignore%26quot;)
source.style.backgroundColor=highlightcolor
}

function changeback(originalcolor){
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id==%26quot;ignore%26quot;)
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}
%26lt;/script%26gt;


第二步：把如下代码加入到%26lt;body%26gt;区域中

%26lt;table width=%26quot;30%%26quot; border=%26quot;1%26quot; align=%26quot;center%26quot; onMouseover=%26quot;changeto('33ff33')%26quot; onMouseout=%26quot;changeback('black')%26quot;
%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;
%26lt;div align=%26quot;center%26quot;%26gt;JavaScript Fairyland%26lt;/div%26gt;
%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;
%26lt;div align=%26quot;center%26quot;%26gt;JavaScript Fairyland%26lt;/div%26gt;
%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;
%26lt;div align=%26quot;center%26quot;%26gt;JavaScript Fairyland%26lt;/div%26gt;
%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;
%26lt;div align=%26quot;center%26quot;%26gt;JavaScript Fairyland%26lt;/div%26gt;
%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;
%26lt;div align=%26quot;center%26quot;%26gt;JavaScript Fairyland%26lt;/div%26gt;
%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;