jQuery弹出层插件(原创)

 查看演示  website  立即下载

更新时间：2020-01-17 23:37:28

更新说明：版本v4.3.0

1、修复最大化可拖动、改变大小的问题

2、去除对于图片的依赖

3、更新拖动插件

4、由于使用的不多，固取消了fontawesome用背景图替代

5、UI细微调整

所有参数：

{
    title: '标题',
    width: 800,
    height: 600,
    url: '', //窗口打开链接
    content: '', //显示的内容或对象ID
    top: null, //纵坐标
    left: null, //横坐标
    tools: {
        close: true, //是否显示关闭按钮
        max: true, //是否显示最大化按钮
        refresh: true, //是否显示刷新按钮(存在情况下显示)
        newWindow: true, //是否显示打开新窗口按钮
        subscript: true, //角标（用于拖动窗口大小）默认显示
    },
    style: {
        shadow: true, //周围阴影效果
        corner: false, //是否圆角
        color: '' //颜色(16进制的颜色代码)
    },
    isdrag: true, //是否允许拖动窗口
    autoSize: false, //自适应大小（只限网页）
    before: function() {}, //弹出前事件
    callback: function() {} //回调函数
}

基本使用方式：

打开一个指定大小的窗口

$.NZ_Window.show({
    width: 500,
    height: 300,
    url: 'https://baidu.com'
});

打开一个【 带标题】 窗口

$.NZ_Window.show({
    title: "这是标题",
    url: 'https://baidu.com',
});

打开一个【 非URL】 窗口

var testobj = $("<div style=\"width:200px;height:200px;background-color:#ff0000;margin:50px auto;\"></div>");
$.NZ_Window.show({
    content: testobj
});

打开一个【 带标题】 窗口

$.NZ_Window.show({
    title: "这是标题",
    url: 'https://baidu.com',
});

控制窗口操作按钮

$.NZ_Window.show({
    url: 'https://baidu.com',
    operate: {
        btn_Close: true,
        btn_Max: false,
        btn_Refresh: false,
        btn_NewWindow: false,
        resize: false
    }
});

PREVIOUS:
NEXT:
jQuery Bootstrap响应式后台管理网站模板
iview table表格拖动（原创）