下面的代码实现了如何为Gridview添加鼠标经过、离开、单击、双击的事件
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
e.Row.Attributes.Add("BorderColor ", "#d2d2d2");
e.Row.Style.Add("Height","8px");
e.Row.Style.Add("FontSize","8");
e.Row.Style.Add("VerticalAlign", "Middle");
if (e.Row.RowType == DataControlRowType.DataRow)
{
string SelectID = GridView1.DataKeys[e.Row.RowIndex].Value.ToString();//((ClientList)(e.Row.DataItem)).ClientID;
if (!String.IsNullOrEmpty(SelectID))
{
//鼠标双击Row时的效果
e.Row.Attributes.Add("ondblclick", "javascript:window.location.href='https://tool.4xseo.com/article/134375.html"+(string)ViewState["Href"]+"?ID=" + SelectID+ "';");
//鼠标经过Row时的效果
e.Row.Attributes.Add("onmouseover", "this.classname=onColor2(this)");
//鼠标离开Row时的效果
e.Row.Attributes.Add("onmouseout", "this.classname=offColor2(this)");
//鼠标键Row时的效果
e.Row.Attributes.Add("onmousedown", "this.classname=downColor(this," + SelectID + ")");
}
}
}
下面是JavaScript方法
function onColor2(td)
{
//td.style.backgroundColor="#c0c0c0";
//td.style.fontWeight="bold";
//td.style.fontStyle="italic";
td.style.color="#0600FF";
}
function offColor2(td)
{
//td.style.backgroundColor="";
//td.style.fontWeight='';
//td.style.fontStyle='';
td.style.color='';
//td.style.backgroundColor='';
}
function downColor(td,a)
{
//td.style.backgroundColor="";
//td.style.fontWeight='';
//td.style.fontStyle='';
var rowindex = td.rowIndex;
for(var i=1;i <td.parentElement.rows.length;i++)
{
if(i!=rowindex)
{
//当选中其它行时，要把另外所有行的背景色去掉
td.parentElement.rows[i].style.color='';
td.parentElement.rows[i].style.backgroundColor = '';
}
}
document.getElementById("hid").value=a;
td.style.color='#0600FF';
td.style.backgroundColor='#FFDE59';
}