ASP.NET中,DataGrid控件鼠标所在行高亮显示特效
2011-04-19 16:14
351 查看
平时在上网时,经常看到有些论坛中,当鼠标放到某一行时,该行就会变色,感觉这种效果挺好的,一直以为这是用flash做的,甚至连我的老师也认为这是flash制作的,现在终于找到了一种直接可以用事件和script脚本制作这种特效的方法了,方法很简单,在此和大家分享下:
选中需要这种特效的DataGrid控件,进入该控件的ItemDataBand事件中,添加以下代码:
//当鼠标在正常项或者是交错项时,执行以下代码
if(e.Item.ItemType==ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
{
//当鼠标悬停时在某行时,该行变色变色,颜色可以自行选择,这里用了个蓝色
e.Item.Attributes.Add ("onmouseover","c=this.style.backgroundColor;this.style.backgroundColor='#6699ff'");
//当鼠标离开时,颜色复原
e.Item.Attributes.Add("onmouseout","this.style.backgroundColor=c");
}
其实编程中的各种类似于这种技巧还有很多,在这里,希望看了这张贴子的朋友们能够将自己的一些有用的经验和技巧放上来,相互学习,相互交流,更有助于提高,不是吗?
在下在此谢过各位了
原文出自:http://hi.baidu.com/toev5245/blog/item/1687c1be88607c0f18d81fac.html
选中需要这种特效的DataGrid控件,进入该控件的ItemDataBand事件中,添加以下代码:
//当鼠标在正常项或者是交错项时,执行以下代码
if(e.Item.ItemType==ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
{
//当鼠标悬停时在某行时,该行变色变色,颜色可以自行选择,这里用了个蓝色
e.Item.Attributes.Add ("onmouseover","c=this.style.backgroundColor;this.style.backgroundColor='#6699ff'");
//当鼠标离开时,颜色复原
e.Item.Attributes.Add("onmouseout","this.style.backgroundColor=c");
}
其实编程中的各种类似于这种技巧还有很多,在这里,希望看了这张贴子的朋友们能够将自己的一些有用的经验和技巧放上来,相互学习,相互交流,更有助于提高,不是吗?
在下在此谢过各位了
原文出自:http://hi.baidu.com/toev5245/blog/item/1687c1be88607c0f18d81fac.html
相关文章推荐
- Asp.net 高亮显示鼠标所在行
- asp.net(c#) GridView实现鼠标悬停高亮显示
- asp.net(c#)GridView实现鼠标悬停高亮显示
- 在ASP.NET的DataGrid中,鼠标点击某行进行高亮显示的解决方案
- asp.net(c#)GridView实现鼠标悬停高亮显示
- 在ASP.NET中实现鼠标移动悬停在DataGrid时高亮显示这一行的方法
- asp.net(c#)GridView实现鼠标悬停高亮显示
- asp.net richTextBox中高亮显示选中字符串或文本
- asp.net(c#) datelist DataGrid 中截取字符串加"..." 和 鼠标放上去字符全部显示
- asp.net中按钮在鼠标进入与离开时,显示不同的图片效果
- asp.net高亮显示搜索关键字的两个方法
- asp.net 鼠标划过的高亮效果
- Asp.Net中GridView加入鼠标滑过的高亮效果和单击行颜色改变
- 在Oracle的FORM中高亮显示鼠标点击或光标所在的行
- ASP.NET MVC Bootstrap模板选中菜单高亮显示当前项方法
- asp.net搜索关键词高亮显示函数
- (asp.net)鼠标放上去的时候文本框的提示消失,鼠标离开又重新显示
- ASP.NET使用正则表达式实现搜索关键字高亮显示
- asp.net下用js实现鼠标移至小图,自动显示相应大图
- asp.net中GridView数据鼠标移入显示提示信息