zoukankan      html  css  js  c++  java
  • GRIDVIEW鼠标移动行变色

    方法一:  

    在GridView的  

    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)  
    {  
    if (e.Row.RowType == DataControlRowType.DataRow)  
    {  
                e.Row.Attributes.Add("onMouseOver", "SetNewColor(this);");  
                e.Row.Attributes.Add("onMouseOut", "SetOldColor(this);");  
            }
        }

    在页面中加入  

    <SCRIPT language=javascript>
           var _oldColor;  
           function SetNewColor(source)  
    {  
              _oldColor=source.style.backgroundColor;  
              source.style.backgroundColor='#666666';  

           }
           function SetOldColor(source)  
    {  
             source.style.backgroundColor=_oldColor;  
           }
    </SCRIPT>



    方法二:  

    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)  
    {  
    if (e.Row.RowType == DataControlRowType.DataRow)  
    {  
                e.Row.Attributes["onMouseOver"] = "js.ItemOver(this)";  
            }
        }

    在页面上加入  

    <SCRIPT language=javascript type=text/javascript>
        var js=new function(){  
    if (!objbeforeItem){var objbeforeItem=null;var objbeforeItembackgroundColor=null;}
    this.ItemOver=function(obj)  
    {  
    if(objbeforeItem){objbeforeItem.style.backgroundColor = objbeforeItembackgroundColor;}
            objbeforeItembackgroundColor = obj.style.backgroundColor;  
            objbeforeItem = obj;  
            obj.style.backgroundColor = "#fcfcfc";       
        }

    }
    </SCRIPT>

    方法三:  

    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)  
    {  
    if (e.Row.RowType == DataControlRowType.DataRow)  
    {  
    //鼠标移动到每项时颜色交替效果  
             e.Row.Attributes.Add("OnMouseOut", "this.style.backgroundColor='White';this.style.color='#003399'");  
             e.Row.Attributes.Add("OnMouseOver", "this.style.backgroundColor='#6699FF';this.style.color='#8C4510'");  

    //设置悬浮鼠标指针形状为"小手"  
             e.Row.Attributes["style"] = "Cursor:hand";  
            }
        }


    //----------------------------------------

    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)  
    {  
    if (e.Row.RowType == DataControlRowType.DataRow) //判断是否是DataRow,以防止鼠标经过Header也有效果  
    {  
                e.Row.Attributes.Add("onmouseover", "e=this.style.backgroundColor; this.style.backgroundColor='#cccccc'");  
                e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=e");  
            }
        }

  • 相关阅读:
    mysql 的事件之 Waiting for table metadata lock
    postgresl 10 的逻辑复制 logical replication 之一
    postgresql 物理备份 pg_rman
    pg_waldump pg_xlogdump 的初步使用
    centos 7 添加 aliyun yum 源、epel源
    pg_dump 迁移 prod 环境的 function 到 uat 环境
    POSTGRESQL 11 BETA 1 RELEASED!
    使用 mtools 搭架 mongodb 的自动化日志分析平台
    将xml转换为PHP数组
    php自动获取字符串编码函数mb_detect_encoding
  • 原文地址:https://www.cnblogs.com/zhukezhuke/p/1540944.html
Copyright © 2011-2022 走看看