在ASP.NET中实现鼠标移动悬停在DataGrid时高亮显示这一行的方法

首先在WebFrom页面中添加JavaScript 代码块
<script type="text/javascript"> //鼠标移动时高亮显示所悬停的行 function SetDataGridBackColor(color,isMouseOut) { var tr=event.srcElement.parentElement; var iRowIndex = tr.rowIndex ; if( isMouseOut ) { if( ( iRowIndex % 2 ) == 1 ) { tr.style.backgroundColor = color; } else { tr.style.backgroundColor = "#EAE9D7"; } } else { tr.style.backgroundColor = color; } } </script>
<script type="text/javascript"> //鼠标移动时高亮显示所悬停的行 function SetDataGridBackColor(color,isMouseOut) { var tr=event.srcElement.parentElement; var iRowIndex = tr.rowIndex ; if( isMouseOut ) { if( ( iRowIndex % 2 ) == 1 ) { tr.style.backgroundColor = color; } else { tr.style.backgroundColor = "#EAE9D7"; } } else { tr.style.backgroundColor = color; } } </script>

 1 < script >
 2          // 鼠标移动时高亮显示所悬停的行
 3          function  SetDataGridBackColor(color,isMouseOut)
 4          {
 5            var tr=event.srcElement.parentElement;
 6            
 7            var iRowIndex = tr.rowIndex ;
 8            if( isMouseOut )
 9            {
10                if( ( iRowIndex % 2 ) == 1 )
11                {
12                    tr.style.backgroundColor = color;
13                }
14                else
15                {
16                    tr.style.backgroundColor = "#EAE9D7";
17                }
18            }
19            else
20            {
21                tr.style.backgroundColor = color;
22            }
23        }
24          </ script >

<script type="text/javascript"> //鼠标移动时高亮显示所悬停的行 function SetDataGridBackColor(color,isMouseOut) { var tr=event.srcElement.parentElement; var iRowIndex = tr.rowIndex ; if( isMouseOut ) { if( ( iRowIndex % 2 ) == 1 ) { tr.style.backgroundColor = color; } else { tr.style.backgroundColor = "#EAE9D7"; } } else { tr.style.backgroundColor = color; } } </script> <script type="text/javascript"> //鼠标移动时高亮显示所悬停的行 function SetDataGridBackColor(color,isMouseOut) { var tr=event.srcElement.parentElement; var iRowIndex = tr.rowIndex ; if( isMouseOut ) { if( ( iRowIndex % 2 ) == 1 ) { tr.style.backgroundColor = color; } else { tr.style.backgroundColor = "#EAE9D7"; } } else { tr.style.backgroundColor = color; } } </script> <script type="text/javascript"> //鼠标移动时高亮显示所悬停的行 function SetDataGridBackColor(color,isMouseOut) { var tr=event.srcElement.parentElement; var iRowIndex = tr.rowIndex ; if( isMouseOut ) { if( ( iRowIndex % 2 ) == 1 ) { tr.style.backgroundColor = color; } else { tr.style.backgroundColor = "#EAE9D7"; } } else { tr.style.backgroundColor = color; } } </script> <script type="text/javascript"> //鼠标移动时高亮显示所悬停的行 function SetDataGridBackColor(color,isMouseOut) { var tr=event.srcElement.parentElement; var iRowIndex = tr.rowIndex ; if( isMouseOut ) { if( ( iRowIndex % 2 ) == 1 ) { tr.style.backgroundColor = color; } else { tr.style.backgroundColor = "#EAE9D7"; } } else { tr.style.backgroundColor = color; } } </script> 然后在aspx文件中的DataGrid事件中去注册这个脚本

     private   void  dgTemp_PreRender( object  sender, System.EventArgs e)
         {
            for (int i = 0 ; i < dgTemp.Items.Count; i++)
            {
                dgTemp.Items[i].Attributes.Add("onmouseover","SetDataGridBackColor('LightBlue',false);");

                dgTemp.Items[i].Attributes.Add("onmouseout","SetDataGridBackColor('white',true);");
            }
        }

为了防止DataGrid标头的滚动,可以在增加这么一个脚本

         private   void  dgTemp_ItemCreated( object  sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
         {
            //使DataGrid标头不滚动
            if (e.Item.ItemType == ListItemType.Header)
            {
                e.Item.Style.Add("position","relative;top:expression(document.all['dgBHGJBSZ'].offsetParent.scrollTop);");
            }
        }

链接地址: http://Arthur1999.cnblogs.com/archive/2006/07/14/450487.html