html 弹出层插件,jQuery弹出层插件(原创)
插件描述：簡約的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
}
});
總結
以上是生活随笔為你收集整理的html 弹出层插件,jQuery弹出层插件(原创)的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： html跑马灯可以上下动ma,使用 JS
- 下一篇： 域计算机开机默认用户,怎么实现让域账户开