zoukankan      html  css  js  c++  java
  • 转:GridView鼠标移动行变色 (http://www.cnblogs.com/lovenets/articles/808071.html)[同ceng]

    方法一:   
      
    在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");   
            }
       
        }
      

  • 相关阅读:
    PowerShell美化
    Open Live Writer
    Docker学习笔记
    [Caliburn.Micro专题][1]快速入门
    Git
    自助报表是什么东西?能不能利用自助报表把报表事务推给业务人员?
    什么是报表工具?和 EXCEL 有什么区别?
    报表为什么会没完没了?怎么解决这个问题?
    How Python Handles Big Files
    完成一个预测建模项目一般需要多长时间?
  • 原文地址:https://www.cnblogs.com/williamwindy/p/1368192.html
Copyright © 2011-2022 走看看