ASP.Net中jQuery控制div弹出框效果

一、两个div一个是边框一个用来显示内容（代码如下）：

 <div id="BgDiv"></div>
        <div id="DialogDiv" style="display: none; height: 250px">
            <h2>填写流程信息<a href="#" id="btnClose">关闭</a></h2>
            <table style="width: 100%">
                <tr>
                    <td style="text-align: right; width: 120px">流程模板：
                    </td>
                    <td>
                        <asp:DropDownList ID="ddlModel" runat="server" Width="270px">
                            <asp:ListItem>
                                施工配合管理流程
                            </asp:ListItem>
                            <asp:ListItem>紧急重点会议工作布置、落实流程</asp:ListItem>
                        </asp:DropDownList>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: right">流程名称：
                    </td>
                    <td>
                        <asp:TextBox ID="txtWorkflowName" runat="server" Text="广铁项目"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: right">发起部门：</td>
                    <td>
                        <asp:DropDownList ID="DropDownList1" runat="server">
                            <asp:ListItem>安全科</asp:ListItem>
                            <asp:ListItem>教育科</asp:ListItem>
                            <asp:ListItem>技术科</asp:ListItem>
                            <asp:ListItem>高铁技术科</asp:ListItem>
                            <asp:ListItem>调度值班室</asp:ListItem>
                        </asp:DropDownList>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: right">流程结束时间：
                    </td>
                    <td>
                        <asp:TextBox ID="TextBox2" runat="server" Text="2014-07-30"></asp:TextBox>
                    </td>
                </tr>
                <tr style="margin-top: 20px; height: 60px">
                    <td colspan="2">
                        <table style="width: 100%">
                            <tr>
                                <td style="text-align: right;">
                                    <asp:Button ID="sporn_workflow" OnClick="btnSponsorWorkflow1_Click" Width="70px" runat="server" Height="30px" Text="发起" />
                                </td>
                                <td style="width: 20px"></td>
                                <td style="text-align: left">
                                    <asp:Button ID="btnCancel" Width="70px" Height="30px" runat="server" Text="取消" />
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>