☰

MyModal

原生js弹出层

目前為 2023-04-13 提交的版本，檢視 最新版本。

此腳本不應該直接安裝，它是一個供其他腳本使用的函式庫。欲使用本函式庫，請在腳本 metadata 寫上： // @require https://update.gf.qytechs.cn/scripts/463930/1175314/MyModal.js

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey 或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Userscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展，比如 Tampermonkey，才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

（我已經安裝了使用者腳本管理器，讓我安裝！）

如何安裝

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

（我已經安裝了使用者樣式管理器，讓我安裝！）

作者
wish king
版本
0.0.1.20230413181433
建立日期
2023-04-13
更新日期
2023-04-13
尺寸
6.8 KB
授權條款
未知

简单js弹出层

截图：
https://cdn.learnku.com/uploads/images/202304/14/5676/JHOK4DFlwZ.png!large

https://cdn.learnku.com/uploads/images/202304/14/5676/HwJ3H0S1AQ.png!large

使用示例：

new MyModal({
width: '50%',
height: 'auto',
borderRadius: '5px',
zIndex: 1010,
//null，不显示title
title: 'test1',
//支持HTML格式，null不显示content
content: 'Hello World!',
//closeText:null，不显示关闭按钮
closeText: '关闭',
//okText:null，不显示ok按钮
okText: '好了',
//closeFn和okFn可以省略
closeFn: function (e) {
console.log('closeFn clicked');
e.myModal.close();
},
okFn: function (e) {
console.log('okFn clicked');
e.myModal.close();
}
}).show();