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");   
            }
       
        }
      

  • 相关阅读:
    Linux(Contos7.5)环境搭建之JDK1.8安装(二)
    python微信域名或者链接批量检测
    表单设计器3-查询面板
    表单设计器2-表格布局
    表单设计器1-基本操作
    信息无障碍国内标准
    信息无障碍国际标准
    信息无障碍服务对象
    信息无障碍定义
    E8.Net工作流开发问题
  • 原文地址:https://www.cnblogs.com/juan/p/1424642.html
Copyright © 2011-2022 走看看