GridView鼠标移动行变色

方法一:   
  
在GridView的   
  
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)   
    
{   
        
if (e.Row.RowType == DataControlRowType.DataRow)   
        
{   
            e.Row.Attributes.Add(
"onMouseOver""SetNewColor(this);");   
            e.Row.Attributes.Add(
"onMouseOut""SetOldColor(this);");   
        }
   
    }
   
  
在页面中加入   
  
<SCRIPT language=javascript>   
       var _oldColor;   
       function SetNewColor(source)   
       
{   
          _oldColor
=source.style.backgroundColor;   
          source.style.backgroundColor
='#666666';   
             
       }
   
       function SetOldColor(source)   
       
{   
         source.style.backgroundColor
=_oldColor;   
       }
   
    
</SCRIPT>   
  
    
  
方法二:   
  
    
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)   
    
{   
        
if (e.Row.RowType == DataControlRowType.DataRow)   
        
{   
            e.Row.Attributes[
"onMouseOver"= "js.ItemOver(this)";   
        }
   
    }
   
  
在页面上加入   
  
<SCRIPT language=javascript type=text/javascript>   
    var js
=new function(){   
    
if (!objbeforeItem){var objbeforeItem=null;var objbeforeItembackgroundColor=null;}   
        
this.ItemOver=function(obj)   
    
{   
        
if(objbeforeItem){objbeforeItem.style.backgroundColor = objbeforeItembackgroundColor;}   
        objbeforeItembackgroundColor 
= obj.style.backgroundColor;   
        objbeforeItem 
= obj;   
        obj.style.backgroundColor 
= "#fcfcfc";        
    }
   
  
}
   
    
</SCRIPT>   
  
方法三:   
  
 
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)   
    
{   
        
if (e.Row.RowType == DataControlRowType.DataRow)   
        
{   
         
//鼠标移动到每项时颜色交替效果   
         e.Row.Attributes.Add("OnMouseOut""this.style.backgroundColor='White';this.style.color='#003399'");   
         e.Row.Attributes.Add(
"OnMouseOver""this.style.backgroundColor='#6699FF';this.style.color='#8C4510'");   
  
        
//设置悬浮鼠标指针形状为"小手"   
         e.Row.Attributes["style"= "Cursor:hand";   
        }
   
    }
  


//----------------------------------------

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)   
    
{   
        
if (e.Row.RowType == DataControlRowType.DataRow) //判断是否是DataRow,以防止鼠标经过Header也有效果   
        {   
            e.Row.Attributes.Add(
"onmouseover""e=this.style.backgroundColor; this.style.backgroundColor='#cccccc'");   
            e.Row.Attributes.Add(
"onmouseout""this.style.backgroundColor=e");   
        }
   
    }
  

posted @ 2009-03-29 22:18  智者生存  阅读(325)  评论(0编辑  收藏  举报