jQuery提示插件zdialog.js + plupload
https://www.jq22.com/jquery-info18718
jQuery实现的各种不同样式弹出框（DialogByZ）
https://blog.csdn.net/weixin_39024251/article/details/80989761
无刷新上传组件:plupload
https://www.bilibili.com/video/BV1GK4y1J7Tr/?spm_id_from=333.337.search-card.all.click&vd_source=283913d57d47af8a95aceead658d34e3
===============================================================================
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<title>弹出层</title>
<!--弹出层 开始 -->
<link type="text/css" rel="stylesheet" href="css/zdialog.css" />
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/zdialog.js"></script>
<!--弹出层 结束 -->
</head>
<body>
<div class="mui-content-padded" style="text-align: center;">
<button id="alertBtn" type="button" class="zbox-btn zbox-btn-blue zbox-btn-outlined">警告消息框</button>
<button id="confirmBtn" type="button" class="zbox-btn zbox-btn-blue zbox-btn-outlined">确认消息框</button>
<button id="toastBtn" type="button" class="zbox-btn zbox-btn-blue zbox-btn-outlined">自动消失提示框</button>
<button id="load" type="button" class="zbox-btn zbox-btn-blue zbox-btn-outlined">加载中</button>
<div id="info" onclick="$.DialogByZ.Close()">关闭加载</div>
</div>
</body>
<script>
///
$("#alertBtn").click(function(){
$.DialogByZ.Alert({Title: "提示", Content: "您的请求失败",BtnL:"确定",FunL:alerts})
})
$("#confirmBtn").click(function(){
$.DialogByZ.Confirm({Title: "", Content: "自动隐藏提示Tips弹窗插件</br>代码少使用方便",FunL:confirmL,FunR:Immediate})
})
$("#toastBtn").click(function(){
$.DialogByZ.Autofade({Content: "感谢您对我们的支持"})
})
$("#load").click(function(){
$.DialogByZ.Loading('image/loading.png')
})
///
function confirmL(){
$.DialogByZ.Close();
$.DialogByZ.Alert({Title: "提示", Content: "您要求稍后开通",BtnL:"确定"})
}
//
function alerts(){
$.DialogByZ.Close();
}
function Immediate(){
//location.href="http://www.baidu.com"
// window.open("http://www.baidu.com")
alert("取消");
}
</script>
</html>
