ASP.NET2.0下为GridView添加鼠标滑过(onmouseover、onmouseout)的行颜色高亮效果!

protected   void  GridView1_RowDataBound( object  sender, GridViewRowEventArgs e)
    
{
        
//将满足特定条件的行标为高亮
        if (e.Row.RowType == DataControlRowType.DataRow)//判定当前的行是否属于datarow类型的行
        {
            
int pice= Convert.ToInt32(DataBinder.Eval(e.Row.DataItem, "pice"));//取当前行的列值
            if (pce<10)
                e.Row.BackColor 
= Color.Red;
        }

        
//加入鼠标滑过的高亮效果
        if (e.Row.RowType == DataControlRowType.DataRow)//判定当前的行是否属于datarow类型的行
        {
            
//当鼠标放上去的时候 先保存当前行的背景颜色 并给附一颜色
            e.Row.Attributes.Add("onmouseover""currentcolor=this.style.backgroundColor;this.style.backgroundColor='yellow',this.style.fontWeight='';");
            
//当鼠标离开的时候 将背景颜色还原的以前的颜色
            e.Row.Attributes.Add("onmouseout""this.style.backgroundColor=currentcolor,this.style.fontWeight='';");  
        }

        
//单击行改变行背景颜色
        if (e.Row.RowType == DataControlRowType.DataRow)
        
{
           e.Row.Attributes.Add(
"onclick","this.style.backgroundColor='#99cc00'; this.style.color='buttontext';this.style.cursor='default';");
        }
  

你可能感兴趣的:(onmouseover)