jQuery弹出层插件(原创)

所属分类： JQ特效 UI 弹出层

查看演示立即下载

插件描述：简约的jQuery弹出层插件

更新时间：2022-01-13 01:33:00

更新说明：

1、修改一些基本样式，从WIN10设计元素改变为贴合WIN11设计元素

2、修复一些错误

更新时间：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: '/'
});

打开一个【带标题】窗口

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

打开一个【非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: '/',
});

控制窗口操作按钮

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

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： iview table表格拖动（原创）
下一个特效： jQuery Bootstrap响应式后台管理网站模板