插件描述:简约的jQuery弹出层插件
更新时间: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 = $("
$.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
}
});