JBox弹框插件应用实例代码

1、页面JBox引用

 <link href="../js/JBox/Skins/Blue/jbox.css" rel="stylesheet" type="text/css" />
 <script src="../js/JBox/jquery.jBox-2.3.min.js" type="text/javascript"></script>
 <script src="../js/JBox/jquery.jBox-zh-CN.js" type="text/javascript"></script>

2、页面js代码

    <script type="text/javascript" language="javascript">

        function Photo(Id) {
            var option = { id: 'Photo', top: '15px', buttons: {"确定":"ok"},
                submit: function (v, h, f) {if(v=="ok"){  $($("#Photo").find("iframe")).contents().find("input[id='AddImg']").click();} return true; },
                showClose: true, persistent: true };
            openInnerWin("iframe:PhotoDialogEdit.aspx?Id=" +Id+"&goodsId=<%=goodsId%>", "图片库", 790, 430, option);

        }

        function ClosePhoto() {
            $.jBox.close("Photo");
        }   

        function openInnerWin(content, title, width, height, options) {
            $.jBox.open(content, title, width, height, options);
        };
    </script>

3、弹出页面按钮事件代码

 <div id="btn" style="display:none;">
          <asp:Button ID="AddImg"  runat="server" Text="确定"  CssClass="name" OnClientClick="return SelectPhoto();"  onclick="AddImg_Click" ></asp:Button>
       </div>