DataGrid 单击变色,鼠标经过变色 部分代码

前台HTML页面内加入

  <script language="javascript"> 
   <!-- 
    var bColor='#ff3300'; //定义颜色,为单击时显示的颜色 
    var fColor='#fafafa'; //定义颜色,为单击时字体所显示的颜色 
    function tdOver(td) 
    { 
     if(td.style.backgroundColor!=bColor)//当这一列的背景颜色不为以上定义的颜色时 
     { 
      td.setAttribute('DtBg',td.style.backgroundColor);//得到这列的背景颜色并且设置为DtBg 
      td.setAttribute('DtCo',td.style.color);//得到这列的字体颜色并且设置为DtCo 
       
      td.style.color='#ff66cc';//设置鼠标移上时列里的字体颜色为#ff99ff 
      td.style.cursor='hand';//设置鼠标的形状为手状 
      td.style.backgroundColor='#66cc66';//设置该列的背景颜色为#66cc66 
     } 
    } 
    function tdOut(td) 
    { 
     if(td.style.backgroundColor!=bColor)//当这一列的背景颜色不为以上定义的颜色时 
     { 
      td.style.backgroundColor=td.getAttribute('DtBg');//设置该列的背景颜色为以上得到的颜色,即DtBg 
      td.style.color=td.getAttribute('DtCo');//设置该列的背景颜色为以上得到的颜色,即DtCo 
     } 
    } 
    function clearTdColor(tdc) 
    { 
     var tdColl=document.all.tags('TR');//得到所有的行 
     bc=tdc.getAttribute('Dtbg');//得到该列的背景颜色(在tdOver方法中setAttribute) 
     cc=tdc.getAttribute('DtCo');//得到该列的字体颜色(在tdOver方法中setAttribute) 
     for(i=0;i<tdColl.length;i++)//循环行 
     { 
      whichTD=tdColl(i);//得到当前的行 
      if(whichTD.style.backgroundColor==bColor)//如果该单元格为开始时设置的颜色,即bColor 
      { 
       //说明:如果你的DataGrid不分普通列和交替列,则使用以下代码,清除颜色 
        
       /*whichTD.style.backgroundColor=bc;//设置该单元格的颜色为得到的颜色 
       whichTD.style.color=cc;//设置该单元格的字体颜色为得到的颜色 
       whichTD.style.fontWeight=''; 
       break;*/ 
        
       //如果你的DataGrid分普通列和交替列,而且交替列有颜色,则使用以下代码,清除颜色 
       //提示:使用的时候注意一下以下的判断,根据自己的实际情况取模判断可能要交换一下. 
       if(i%2!=0) //表示是普通列,因为没有颜色,所以下面的颜色为"" 
       { 
        whichTD.style.backgroundColor="";   
        whichTD.style.color=""; 
        whichTD.style.fontWeight=''; 
        break; 
       } 
       else   //表示是交替列,根据你的DataGrid交替列的颜色而设置下面的backgroundColor 
       { 
        whichTD.style.backgroundColor=""; //#CCFFFF为设置的DataGrid交替项的颜色(可以根据自己的需要修改) 
        whichTD.style.color=""; 
        whichTD.style.fontWeight=''; 
        break; 
       } 
      } 
     } 
    } 
    function tdColor(tdc) 
    { 
     clearTdColor(tdc);//首先清楚所有的颜色 
     bc=tdc.getAttribute('Dtbg');//得到该列的背景颜色(在tdOver方法中setAttribute) 
     cc=tdc.getAttribute('DtCo');//得到该列的字体颜色(在tdOver方法中setAttribute) 
     tdcs=tdc.style.backgroundColor;//得到该列当前的颜色(即鼠标移至单元格时的颜色) 
     if(event.srcElement.tagName!='A')//event.srcElement.tagName就是触发的单元格的名称,即TD 
     { 
      if(tdcs!=bColor)//如果该列的当前颜色不等于开始是定义的颜色时 
      { 
       tdc.style.backgroundColor=bColor;//设置背景颜色为开始定义的颜色 
       tdc.style.color=fColor;//设置背景颜色为开始定义的字体颜色 
       tdc.style.fontWeight='500'; 
      } 
      else 
      { 
       tdc.style.backgroundColor=bc;//设置背景颜色(为在tdOver方法中setAttribute) 
       tdc.style.color=cc;//设置背景颜色为(在tdOver方法中setAttribute) 
       tdc.style.fontWeight=''; 
      } 
     } 
    } 
    function tdColorDbl(tdc)//清除该列的颜色 
    { 
     clearTdColor(tdc); 
    } 
   --> 
  </script>


在DataGrid的ItemDataBound事件中加入

if(e.Item.ItemType!=ListItemType.Header) 
   { 
        e.Item.Attributes.Add("onmouseover","tdOver(this)"); 
        e.Item.Attributes.Add("onmouseout","tdOut(this)"); 
        e.Item.Attributes.Add("onclick","tdColor(this)"); 
        e.Item.Attributes.Add("ondblclick","tdColorDbl(this)"); 
   }