easydialog弹出框Demo

CSS：
#bm_btn{ cursor:pointer;}
#bm_box{ display:none; position:relative; border:3px solid rgba(0,0,0,0); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.4); -moz-box-shadow:0 0 10px rgba(0,0,0,0.4); box-shadow:0 0 10px rgba(0,0,0,0.4);}
#bm_box .close_btn{ position:absolute; right:3px; top:3px; text-align:center; width:20px; height:20px; line-height:20px; font-size:14px; font-weight:bold; color:#333; background:#e5e5e5;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
#bm_box .close_btn:hover{ text-decoration:none; color:#fff; background:#aaa;}
.bm{ width:230px; height:160px; background:#FFF; padding:0px 20px; line-height:30px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}

<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/easydialog.min.js"></script>

    <div id="bm_box">
        <div class="bm">
            <a href="javascript:void(0)" title="关闭窗口" class="close_btn" id="closeBtn">×</a>
            <form action="***.com.cn/signed.aspx" name="sgForm" method="post"
            target="_blank" οnsubmit="return ckJoinForm();">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
                <tr align="center">
                    <td height="28" colspan="2" class="bmc">
                        我要报名
                    </td>
                </tr>
                <tr>
                    <td>
                        姓名：
                    </td>
                    <td>
                        <input type="text" id="sgRealName" name="sgRealName" class="input1" />
                    </td>
                </tr>
                <tr>
                    <td height="37">
                        手机：
                    </td>
                    <td>
                        <input type="text" id="sgPhone1" name="sgPhone1" class="input1" />
                    </td>
                </tr>
                <tr align="center">
                    <td colspan="2" id="errorShow" style="color: Red">
                    </td>
                </tr>
                <tr align="center">
                    <td colspan="2">
                        <input type="image" id="Image1" src="images/tj.gif" style="cursor: pointer" width="87"
                            height="32" border="0" />
                        <%--<input type="image" id="btnJoin" src="images/tj.gif" width="87" height="32" border="0" οnclick="return checkInput();"/>--%>
                    </td>
                </tr>
            </table>
            </form>
        </div>
    </div>

    <script>
        var $bm = function () {
            return document.getElementById(arguments[0]);
        };
        var btnFn = function (e) {
            alert(e.target);
            return false;
        };
        $bm('bm_btn').onclick = function () {
            easyDialog.open({
                container: 'bm_box'
            });
        };
    </script>