用HTC实现鼠标经变行变色

/*========================================

css设置

========================================*/

 

.tdData
{
 behavior:url(../css/td.htc);
 line-height: 22px;
 padding-left: 5px;
 background-color: #F7F7FF;
 padding-right: 5px;

}
.tdData_Over
{
 behavior:url(../css/td.htc);
 line-height: 22px;
 padding-left: 5px;
 background-color:#D6DBF7;
 padding-right: 5px;

}

 

/*========================================

td.htc

========================================*/

 

<PUBLIC:COMPONENT>
 <PUBLIC:ATTACH EVENT="onmouseover"      ONEVENT="fnOver()"   />
 <PUBLIC:ATTACH EVENT="onmouseout"        ONEVENT="fnOut()"   />
 <PUBLIC:ATTACH EVENT="onmouseup"        ONEVENT="fnOut()"   /> 
 <Script LANGUAGE="JScript">
  /*****************************************************
  鼠标移出按钮
  *****************************************************/
  function fnOver()
  {
   SetCell(this.parentElement,"tdData_Over");
  }
  /*****************************************************
  鼠标移出按钮
  *****************************************************/
  function fnOut()
  {
   SetCell(this.parentElement,"tdData");
  }
   
    
  /*****************************************************
  设置表格行的背景
  *****************************************************/  
  function SetCell(oTR,sClassName)
  {
   var count = oTR.cells.length ;
   for( i=0;i<count;i++)
   {
    oTR.cells[i].setAttribute("className",sClassName) ;
   }   
  }
 </Script>