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

  • 相关阅读:
    #莫比乌斯函数,Miller-Rabin#洛谷 3653 小清新数学题
    #Dijkstra,二进制拆位#洛谷 5304 [GXOI/GZOI2019]旅行者
    #dp#洛谷 4158 [SCOI2009]粉刷匠
    #李超线段树,树链剖分#洛谷 4069 [SDOI2016]游戏
    #线段树合并#洛谷 3224 [HNOI2012]永无乡
    #主席树,dsu on tree,树上倍增#洛谷 3302 [SDOI2013]森林
    #树状数组,CDQ分治#洛谷 4390 [BOI2007]Mokia 摩基亚
    #单调队列#JZOJ 1753 锻炼身体
    #约数#洛谷 4296 [AHOI2007]密码箱
    #队列#洛谷 6033 合并果子 加强版
  • 原文地址:https://www.cnblogs.com/juan/p/1424642.html
Copyright © 2011-2022 走看看