datagrid每一行都会随着鼠标的动作改变颜色

原创 2004年10月13日 14:47:00

下面文件保存为:TR.HTC
<PUBLIC:COMPONENT>
<PUBLIC:ATTACH event="onmouseout" handler="swapEffect" />
<PUBLIC:ATTACH event="onmouseover" handler="swapEffect" />
<SCRIPT>
 var temp_Color
             temp_Color = element.style.backgroundColor
function swapEffect() {

 switch (event.type) {

  case "mouseout":
    if(element.style.backgroundColor=="#dbeaf5")
     element.style.backgroundColor=temp_Color;
    break;
  case "mouseover":
    if(element.style.backgroundColor==temp_Color)
     element.style.backgroundColor="#dbeaf5";
    break;
 }
}
</SCRIPT>
</PUBLIC:COMPONENT>

下面的文件保存为:TD.HTC

<PUBLIC:COMPONENT>
<PUBLIC:ATTACH event="onmouseover" handler="swapEffect" />
<PUBLIC:ATTACH event="onmouseout" handler="swapEffect" />
<SCRIPT>
function swapEffect() {
 switch (event.type) {
  case "mouseover":
    element.borderColorDark="#808080";
    element.borderColorLight="#ffffff";
    break;
  case "mouseout":
    element.borderColorDark="#ffffff";
    element.borderColorLight="#808080";
    break;
 }
}
</SCRIPT>
</PUBLIC:COMPONENT>

你使用的CSS样式表中加入:
tr
{
 behavior:url(tr.htc);
}
td
{
 font-size:12px;
 behavior:url(td.htc);
}

注意的是路径!
你在页面中加入样式表和表格看看效果,你再根据上边的改改颜色就可以达到效果了


  private void dataTable_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
  {
   e.Item.Attributes.Add("onmousemove", "if(this.rowIndex>1){this.style.backgroundColor='#e7e7ff';this.style.cursor='hand';}")
   e.Item.Attributes.Add("onmouseout", "if(this.rowIndex>1)this.style.backgroundColor='#ffffff';")
  }

 

 

 

 

 

实现DataGrid的某一行随着鼠标的移入移出而改变颜色

private void DataGrid1_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)...
  • libao1983
  • libao1983
  • 2006年08月24日 16:38
  • 823

实现DataGrid的某一行随着鼠标的移入移出而改变颜色

private void DataGrid1_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)...
  • kong1122
  • kong1122
  • 2007年08月16日 09:23
  • 515

关于鼠标的几个动作

 给你个例子:   http://schemas.microsoft.com/intellisense/ie5">  function showhide(v){if(v==1)    test.sty...
  • nkiang
  • nkiang
  • 2006年11月10日 23:28
  • 480

JQuery 中 dataGrid 设置行的高度

columns:[[   {field:"activitycontent",title:'活动内容',width:fixWidth(0.18),align:"center",halign:"cente...
  • hly_rain
  • hly_rain
  • 2014年01月02日 11:25
  • 765

div随着鼠标移动而移动并获取鼠标坐标

鼠标的距离 var mouseX; var mouseY; function show(event) {  var infoDiv = document.getElementById('i...
  • abigflower
  • abigflower
  • 2016年08月23日 17:09
  • 1785

随着鼠标的移动变换表格背景色

function mOvr(src) {if (!src.contains(event.fromElement)) {src.style.cursor = hand; src.bgColor = "#...
  • microrain
  • microrain
  • 2003年07月16日 08:13
  • 1665

鼠标事件---显示隐藏的菜单

New Page 28#ssm2 A { FONT-SIZE: 12px; COLOR: #808080; FONT-FAMILY: verdana; TEXT-DECORATION: none}#s...
  • xiexy
  • xiexy
  • 2006年07月28日 23:27
  • 518

[脚本]实现游戏对象跟随鼠标方向移动

如何实现游戏对象跟随鼠标方向移动。 效果:当点击鼠标左键时,游戏对象会朝鼠标点击的方向移动(类似魔兽争霸)。 思路:把鼠标的坐标转化成世界坐标(鼠标默认是屏幕坐标),然后当点击鼠标时,物体...
  • ybhjx
  • ybhjx
  • 2015年12月23日 14:13
  • 719

鼠标响应操作

转自:http://www.cnblogs.com/lidabo/p/3437587.html 前言        好长时间没写博文了,今天偷偷懒写篇关于opencv2中鼠标响应操作的文章。 ...
  • mars_xiaolei
  • mars_xiaolei
  • 2016年12月23日 19:14
  • 428

datagrid 程序编辑每一行

         jQuery EasyUI
  • huang890628
  • huang890628
  • 2010年12月27日 20:58
  • 582
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:datagrid每一行都会随着鼠标的动作改变颜色
举报原因:
原因补充:

(最多只允许输入30个字)