鼠标移动,单击表格行变色

鼠标移动 表格行 出现颜色。效果如图：

                                                    

代码：

 1.   <tr onMouseOver="over()"    onMouseOut="out()"">

2.<script>

  function out(){   
  var oObj = event.srcElement;   
  if(oObj.tagName.toLowerCase() == "td"){   
   var oTr = oObj.parentNode;   
   if(!oTr.tag){
    oTr.style.backgroundColor = "#FFFFFF";
   }
  }
    
  }   
  function over(){   
  var oObj = event.srcElement;   
  if(oObj.tagName.toLowerCase() == "td"){   
   var oTr = oObj.parentNode;   
   if(!oTr.tag){
            oTr.style.backgroundColor = "#B0E2FF";
   }  
  }
   
  } 

</script>

event是事件对象，比如你按了某个键（或者单击等，反正能触发事件的），那你在处理时候可能会需要一些信息，比如说是哪个元素被触发的，这个元素也就是你所问的event.srcElement(事件的源对象)，通过它可以得到事件的对象，总之，这个对象里面包含了事件发生时的各种数据。