鼠标指向DATAGRID中(模版列,超连接列)变色,不指向时撤消为原始状态
top 问题点数:30、回复次数:8Top
1 楼LHA(心动)回复于 2006-03-07 22:08:05 得分 1
呵呵 这个是CSS问题
A:hover {
color: red;
}
Top
2 楼suhongwei(web_lover(真的不好意思,我太菜了!))回复于 2006-03-07 22:10:36 得分 1
你是要网格的每一行响应用户的鼠标指向事件吧
可以在ItemCreate事件里为Item对象绑定客户端的事件属性:onmouseover
但这件事应该在客户端来做
用JS写客户端脚本代码遍历表格的每一行,为其绑定客户端的事件Top
3 楼qunima112233(qunima112233s)回复于 2006-03-09 09:04:43 得分 0
dTop
4 楼coley(唉~眼镜又厚了~)回复于 2006-03-09 09:09:04 得分 1
SCRIPT LANGUAGE="JavaScript">
<!--
var currrow
var uprow
function changecolor(obj) {
if(typeof(uprow)=="undefined")
uprow=obj.rowIndex
else
uprow=currrow
currrow=obj.rowIndex
tb1.rows[uprow].style.backgroundColor="white"
obj.style.backgroundColor="red"
}
</script>给你 研究下Top
5 楼jxdyzwh(http://www.szsoftware.com.cn)回复于 2006-03-09 09:14:49 得分 14
private void dg1_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
{
e.Item.Attributes.Add("onmouseover","tdOver(this)");
e.Item.Attributes.Add("onmouseout","tdOut(this)");
}
}
在.aspx
<script>
var bColor='#ff3300'; //定义颜色,为单击时显示的颜色
var fColor='#fafafa'; //定义颜色,为单击时字体所显示的颜色
function tdOver(td)
{
if(td.style.backgroundColor!=bColor)//当这一列的背景颜色不为以上定义的颜色时
{
td.setAttribute('DtBg',td.style.backgroundColor);//得到这列的背景颜色并且设置为DtBg
td.setAttribute('DtCo',td.style.color);//得到这列的字体颜色并且设置为DtCo
td.style.color='#ff66cc';//设置鼠标移上时列里的字体颜色为#ff99ff
td.style.cursor='hand';//设置鼠标的形状为手状
td.style.backgroundColor='#66cc66';//设置该列的背景颜色为#66cc66
}
}
function tdOut(td)
{
if(td.style.backgroundColor!=bColor)//当这一列的背景颜色不为以上定义的颜色时
{
td.style.backgroundColor=td.getAttribute('DtBg');//设置该列的背景颜色为以上得到的颜色,即DtBg
td.style.color=td.getAttribute('DtCo');//设置该列的背景颜色为以上得到的颜色,即DtCo
}
}
</scriptTop
6 楼chrisdjy(天道酬勤)回复于 2006-03-09 09:18:09 得分 13
可以在datagrid的ItemDataBound事件中做,只要将代码站上去就可以了,代码如下:
private void splCommend_Dtg_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
if(e.Item.ItemType==ListItemType.Item||e.Item.ItemType==ListItemType.AlternatingItem)
{
e.Item.Attributes.Add("onmouseover","c=this.style.backgroundColor;this.style.backgroundColor='#66ffcc'");
e.Item.Attributes.Add("onmouseout","this.style.backgroundColor=c");
}
}Top
7 楼qunima112233(qunima112233s)回复于 2006-03-09 09:46:21 得分 0
感谢 chrisdjy(天道酬勤)
其他人都在误导?Top
8 楼huangyj(天外飞仙的师傅)回复于 2006-03-09 09:55:01 得分 0
CSS的方法在其他Element上适用Top




