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