鼠标移动行变色代码,Asp.Net代码库,德仔网

代码语言

代码分类

【Asp.Net】鼠标移动行变色

作者:Dezai.CN / 发布于2013/1/29/ 603

方法一:   

  

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

        }   

    }

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　动行变色　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)