.NET中动态生成的表格，当鼠标经过tr时改变tr当前颜色，当鼠标移开恢复原来的颜色

本文转载自查看原文 2012-10-29 15:45 3029 foreach/ Table/ TableCell/ PlaceHolder/ HTML/CSS/ onmouseout/ TableRow/ TableHeaderCell/ ASP.NET/ Controls/ onmouseover

首先看看效果一：

效果二：

实现上面效果，Insus.NET 是使用下面例子进行修改：

http://www.cnblogs.com/insus/archive/2012/10/29/2744721.html

效果一变动代码如下：

View Code

// for each List<T>
        Pager objPg = new Pager();
        objPg.PagerCollections().ForEach( delegate(Pager p)
        {
            TableRow tbr = new TableRow();
            tbr.ID = " tr " + p.ID.ToString();

             // 设置背景颜色
            tbr.BackColor = System.Drawing.Color.Green;

             // 宣告一个变量，当mouse over or out样式
             string style = " this.style.backgroundColor='@BackColor' ";

             // 宣告一个变量，将存储行原来颜色。
             string bgColor = string.Empty;

            TableCell tc0 = new TableCell();
            tc0.Text = p.ID.ToString();
            tc0.BorderWidth = Unit.Pixel( 1);
            tbr.Cells.Add(tc0);

            TableCell tc1 = new TableCell();
            tc1.Text = p.Size;
            tc1.BorderWidth = Unit.Pixel( 1);
            tbr.Cells.Add(tc1);

             // 获取行原来颜色。
            bgColor = tbr.BackColor.Name;

             // 设置mouse over事件, 最后一个参数"blue"是mouse over时的颜色，你可以自行指定。
            tbr.Attributes.Add( " onmouseover ", style.Replace( " @BackColor ", " blue "));

             // 设置mouse out事件
            tbr.Attributes.Add( " onmouseout ", style.Replace( " @BackColor ", bgColor));

            oTable.Rows.Add(tbr);
        });

效果二变动代码如下：

View Code

// for each List<T>
        Pager objPg = new Pager();
        objPg.PagerCollections().ForEach( delegate(Pager p)
        {
            TableRow tbr = new TableRow();
            tbr.ID = " tr " + p.ID.ToString();

             // 设置背景颜色
             if (p.ID % 2 == 0)
                tbr.BackColor = System.Drawing.Color.Green;
             else
                tbr.BackColor = System.Drawing.Color.Silver;

             // 宣告一个变量，当mouse over or out样式
             string style = " this.style.backgroundColor='@BackColor' ";

             // 宣告一个变量，将存储行原来颜色。
             string bgColor = string.Empty;

            TableCell tc0 = new TableCell();
            tc0.Text = p.ID.ToString();
            tc0.BorderWidth = Unit.Pixel( 1);
            tbr.Cells.Add(tc0);

            TableCell tc1 = new TableCell();
            tc1.Text = p.Size;
            tc1.BorderWidth = Unit.Pixel( 1);
            tbr.Cells.Add(tc1);

             // 获取行原来颜色。
            bgColor = tbr.BackColor.Name;

             // 设置mouse over事件, 最后一个参数"blue"是mouse over时的颜色，你可以自行指定。
            tbr.Attributes.Add( " onmouseover ", style.Replace( " @BackColor ", " blue "));

             // 设置mouse out事件
            tbr.Attributes.Add( " onmouseout ", style.Replace( " @BackColor ", bgColor));

            oTable.Rows.Add(tbr);
        });

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 CSS:当鼠标移动到表格的某一行时改变其背景颜色 JS事件鼠标移开事件（onmouseout）鼠标移开事件，当鼠标移开当前对象时，执行onmouseout调用的程序。动态改变颜色之后，恢复原来的背景色在jsp里面当鼠标元素触发onmouseover时，旁边出现一个浮动且跟随鼠标的div ，移开消失 wpf后台更改Textblock背景颜色&当鼠标悬停于控件时修改鼠标样式&去掉Windows窗体外边框方法 QT：当鼠标按下时，窗口跟随鼠标走当鼠标滚动时头部导航固定在顶部当鼠标放在按钮上时让指针变为手型 WPF中当鼠标移到按钮上时，按钮的背景图片消失的问题实现当鼠标移到表格上时显示这一格的全部内容