MyModal

原生js弹出层

当前为 2023-04-13 提交的版本,查看 最新版本

此脚本不应直接安装。它是供其他脚本使用的外部库,要使用该库请加入元指令 // @require https://update.gf.qytechs.cn/scripts/463930/1175314/MyModal.js

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴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();