更新时间: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 } });
请问这样的场景怎么使用?
<div class="news"> <a id="101">1、一个个性化标题栏</a> <a id="102">2、打开个性化窗口</a> <a id="103">3、打开个性化窗口</a> <a id="104">4、打开个性化窗口</a> <a id="105">5、打开个性化窗口</a> </div>回复