Gridview 和 DataList 鼠标经过时行颜色变换

 

Code

 

Gridview鼠标经过时行颜色变换

if (e.Row.RowType == DataControlRowType.DataRow) // 判定当前的行是否属于datarow类型的行
{
// 当鼠标放上去的时候 先保存当前行的背景颜色 并给附一颜色 颜色两边的单引号必须要有,否则不能正常显示
e.Row.Attributes.Add( " onmouseover " , " currentcolor=this.style.backgroundColor;this.style.backgroundColor='颜色',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='颜色'; this.style.color='buttontext';this.style.cursor='default'; " );
}

 

DataList 鼠标经过时行颜色变换

DataList 在 HTML界面表格<tr>标记中加入如下代码:<tr>标记中加入如下代码:

onmouseover="this.style.backgroundColor='颜色'" onmouseout="this.style.backgroundColor='颜色' "