Gridview中当鼠标经过数据行时弹出一个层显示数据

前台代码：

<script language="javascript" type="text/javascript">
    function Test(name,companyName,contactName,contactTitle,address)
    {
    var x = event.clientX;
    var y =event.clientY;
    document.getElementById("td1").innerText ="姓名:"+name;
    document.getElementById("td2").innerText ="工作单位:"+companyName;
    document.getElementById("td3").innerText ="负责人:"+contactName;
    document.getElementById("td4").innerText ="职位:"+contactTitle ;
    document.getElementById("td5").innerText ="地址:"+address;
    document.getElementById("div1").style.position='absolute';
    document.getElementById("div1").style.display='block';
    document.getElementById("div1").style.left =x;
    document.getElementById("div1").style.top = y;
    }
    function Hide()
    {
    document.getElementById("div1").style.display='none';
    }
    </script>

<div id="div1" style="display: none; border:solid 1px #000080">
        <table>
            <tr >
                <td id="td1" style="border-bottom:solid 1px #000080">
                </td>
            </tr>
            <tr>
                <td id="td2" style="border-bottom:solid 1px #000080">
                </td>
            </tr>
            <tr>
                <td id="td3" style="border-bottom:solid 1px #000080">
                </td>
            </tr>
            <tr>
                <td id="td4" style="border-bottom:solid 1px #000080">
                </td>
            </tr>
            <tr>
                <td id="td5">
                </td>
            </tr>
        </table>
    </div>
    <div>
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
            onrowdatabound="GridView1_RowDataBound">
            <Columns>
                <asp:BoundField DataField="CustomerID" HeaderText="姓名" />
                <asp:BoundField DataField="CompanyName" HeaderText="工作单位" />
                <asp:BoundField DataField="ContactName" HeaderText="负责人" />
                <asp:BoundField DataField="ContactTitle" HeaderText="职位" />
                <asp:BoundField DataField="Address" HeaderText="地址" />
            </Columns>
        </asp:GridView>
    </div>

后台代码：

 protected void Page_Load(object sender, EventArgs e)
    {

        if (!IsPostBack)
        {
            databind();
        }
    }
    public void databind()
    {
        SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["Conn"].ToString());
        SqlCommand cmd = new SqlCommand();
        cmd.Connection = con;
        cmd.CommandText = "Select top 10 * From Customers";
        SqlDataAdapter da = new SqlDataAdapter(cmd);
        DataSet ds = new DataSet();
        da.Fill(ds);
        this.GridView1.DataSource = ds.Tables[0];
        this.GridView1.DataKeyNames = new string[] { "CustomerID" };
        this.GridView1.DataBind();
    }
    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            e.Row.Attributes.Add("onmouseover", "Test('" + e.Row.Cells[0].Text + "','" + e.Row.Cells[1].Text + "','" + e.Row.Cells[2].Text + "','" + e.Row.Cells[3].Text + "','" + e.Row.Cells[4].Text + "')");
            e.Row.Attributes.Add("onmouseout", "Hide()");
        }
    }