zoukankan      html  css  js  c++  java
  • GridView 行颜色变化

     需求1:

        1》鼠标在某行上时该行背景色变成黄色

      2》鼠标离开某行时该行背景色还原到默认颜色

        3》鼠标点击某行时该行背景色变成浅绿色,上次点击的行背景色还原到默认颜色

    实现的Code

    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
        {
            if (e.Row.RowType == DataControlRowType.DataRow)
            {
                //当鼠标放上去的时候 先保存当前行的背景颜色 并给附一颜色
                e.Row.Attributes.Add("onmouseover", "currentcolor=this.style.backgroundColor;this.style.backgroundColor='yellow',this.style.fontWeight='';");
                //当鼠标离开的时候 将背景颜色还原的以前的颜色
                e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=this.style.backgroundColor=='#99cc00'? '#99cc00':currentcolor,this.style.fontWeight='';");
                //当鼠标点击将背景颜色改变
                e.Row.Attributes.Add("onclick", "if(lastck){lastck.style.backgroundColor=currentcolor;} lastck=this; this.style.backgroundColor='#99cc00'; this.style.color='buttontext';this.style.cursor='default';");
            }
        }
    
    
    

    页面中添加一个JS变量

     <script type="text/javascript">
           var lastck=null;
     </script>
    
    老虞,Gopher,golang主页:http://howdo.cnblogs.com/
  • 相关阅读:
    批量删除.svn文件夹、.svn文件
    Windows 7下Git SSH 创建Key的步骤
    Git:本地项目与远程仓库的git/clone
    git解决二进制文件冲突
    git设置mergetool可视化工具
    redhat7.2配置yum源
    project2016安装与破解
    strace 使用案例
    运维老鸟教你安装centos6.5如何选择安装包
    CSS限制
  • 原文地址:https://www.cnblogs.com/howDo/p/2098051.html
Copyright © 2011-2022 走看看