NZ-Window

• 应用实例

  • 基本应用

    打开一个窗口

    演示代码：

                            $.NZ_Window.show({url:"https://www.w3school.com.cn",width:800,height:550});
                        

  • 操作按钮显示/隐藏

    打开一个窗口

    演示代码：

                            $.NZ_Window.show({url:"https://www.w3school.com.cn",width:800,height:500,operate: {
                                btn_Close: true,//关闭按钮
                                btn_Max: true,//最大化按钮
                                btn_Refresh: true,//刷新按钮
                                btn_NewWindow: true,//新窗口按钮
                                resize: true//调整窗口大小按钮
                            }});
                        

  • 打开一个非链接窗口

    打开一个窗口

    演示代码：

                            var tempelem = $("
    这是在测试
    ");
                            $.NZ_Window.show({content:tempelem,width:800,height:550});
                        

  • 关闭窗口

    打开一个窗口

    演示代码：

                            var tempelem = $("
    我能关闭这个窗口
    ");
                            tempelem.find(".button").click(function () {
                                $.NZ_Window.close(windowid);
                            });
                            var windowid = $.NZ_Window.show({ content: tempelem, width: 800, height: 550 });
                        

  • 回调函数

    打开一个窗口

    演示代码：

                             var windowid = $.NZ_Window.show({
                                url: "https://www.w3school.com.cn", width: 800, height: 550, callback: function () {
                                    alert("你关闭了一个窗口");
                                } });
                        

  • 多个窗口

    打开一个窗口

    演示代码：

                             var windowid = $.NZ_Window.show({
                                url: "https://www.w3school.com.cn", width: 800, height: 550, callback: function () {
                                    alert("你关闭了一个窗口");
                                } });
                        

• 其他应用

  • 标题栏背景颜色

    打开个性化窗口

    演示代码：

                            $.NZ_Window.show({ url: "https://www.w3school.com.cn", width: 800, height: 550, style: { btnColor: "white", titleBarColor: "#373737" },title:"一个个性化标题栏" });
                        

  • 打开一个阅读窗口

    点我打开

    演示代码：

                            $.ajax({
                                type: "get",
                                url: "/localdata/showcontent.json",
                                dataType: "json",
                                success: function (data) {
                                    $.NZ_Window.show({
                                        content: unescape(data.con),
                                        type: 1
                                    });
                                }, error: function (error) {
                                    alert(error.responeseText);
                                }
                            });
                        

  • 参数说明

                            {
                                content: null,//动态对象内容
                                url: null,//链接
                                title: "",//标题
                                type: 0,//0:普通窗口，1：不带标题栏的特殊窗口
                                width: 600,//宽度
                                height: 350,//高度
                                maximize: false,//是否最大化显示
                                scrollbar: {//滚动条设置
                                    x: false,
                                    y: true
                                },
                                operate: {//操作按钮显示控制
                                    btn_Close: true,//关闭按钮
                                    btn_Max: true,//最大化按钮
                                    btn_Refresh: false,//刷新按钮
                                    btn_NewWindow: false,//新窗口按钮
                                    resize: true//调整窗口大小按钮
                                }
                                , style: {//个性化样式
                                    btnColor: "black",//按钮风格：black/white
                                    titleBarColor: "",//标题栏背景颜色
                                    bgColor: "#111"//遮罩背景颜色
                                }
                                , callback: null//回调
                            }