一个例子  点击哪一行,该行背景色变化
<table width="98%" border="0" align="center"  style="cursor:hand;" onclick="event.cancelBubble=true;">
  <tr>
    <td width="60%">在当前页打开</td>
    <td width="20%">pppp </td>
    <td width="20%">lllklajflas</td>
  </tr>
  <tr>
    <td width="60%">在新窗口打开</td>
    <td width="20%">aaaaaaa</td>
    <td width="20%">bbbbbbbb</td>
  </tr>
  <tr>
    <td width="60%">jelafadfj</td>
    <td width="20%">ccccccccc</td>
    <td width="20%">dddddd</td>
  </tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
<!--
//定义变量........................................................................//
var curr;
var ov="#DDEBFF",ou="",on="#CCFFCC";
var obj=document.all.tags("TR");for(i=0;i<obj.length;i++){
   with(obj[i]){
onmouseover=new Function('lightOver()');
onmouseout=new Function('lightOut()');
onclick=new Function('lightOn(this)');
}
}
function lightOn(ln)
{
  if (curr!=null){
curr.bgColor=ou;
curr.onmouseover=function(){event.srcElement.parentElement.bgColor=ov}
curr.onmouseout=function(){event.srcElement.parentElement.bgColor=ou}
}
ln.bgColor=on
ln.onmouseover=function(){}
ln.onmouseout=function(){}
curr=ln
}//function lightOver & lightOut...................................................//
function lightOver(){event.srcElement.parentElement.bgColor=ov;}
function lightOut(){event.srcElement.parentElement.bgColor=ou;}//Cancel lightOn..................................................................//
function document.onclick(){
    for(i=0; i<document.all.tags("TR").length; i++){document.all.tags("TR")[i].bgColor=ou;}
}//-->
</SCRIPT>