jquery提示框小插件资源-CSDN文库

共5个文件

css：2个

html：1个

woff：1个

jQuery

需积分: 8 121 浏览量 2022-07-20 22:50:39 上传评论收藏 108KB ZIP 举报

资源详情

资源评论

资源推荐

收起资源包目录

WXDMsgBox.zip （5个子文件）

fontawesome-webfont.woff 43KB

bootstrap.min.css 97KB

WXDMsgBox.js 14KB

example.html 5KB

pixel-admin.min.css 387KB

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link href="bootstrap.min.css" rel="stylesheet" /> <link href="pixel-admin.min.css" rel="stylesheet" /> <script src="../jquery.js"></script> <script src="WXDMsgBox.js"></script> <script type="text/javascript"> $(document).ready(function () { var wxdmsgbox = new WXDMsgBox(); $("#btn-info").click(function () { wxdmsgbox.Info("消息框"); }); $("#btn-error").click(function () { wxdmsgbox.Error("错误框"); }); $("#btn-warning").click(function () { wxdmsgbox.Warning("警告框"); }); $("#btn-success").click(function () { wxdmsgbox.Success("操作成功"); }); $("#btn-confirm").click(function () { wxdmsgbox.Confirm("是否操作", null, function () { alert("点击确定"); }); }); $("#btn-loading").click(function () { wxdmsgbox.ShowLoading("数据解析中，加载中……"); }); $("#btn-info1").click(function () { wxdmsgbox.Info("消息框", null, function () { alert("默认点击"); }, 5); }); $("#btn-error1").click(function () { wxdmsgbox.Error("错误框", null, function () { alert("默认点击"); }, 5); }); $("#btn-warning1").click(function () { wxdmsgbox.Warning("警告框", null, function () { alert("默认点击"); }, 5); }); $("#btn-success1").click(function () { wxdmsgbox.Success("操作成功", wxdmsgbox.YesNo, function () { alert("默认点击"); }, 5); }); $("#btn-confirm1").click(function () { wxdmsgbox.Confirm2("是否操作", wxdmsgbox.YesNo, function () { alert("点击确定"); }, function () { alert("点击取消") }, false, 5); }); $("#btn-loading1").click(function () { wxdmsgbox.ShowLoading("数据解析中，加载中……", 5, function () { wxdmsgbox.HideLoading(); }); }); $("#btn-confirm2").click(function () { var json = [ { id: "btn-ok", text: "我同意" }, { id: "btn-cancel", text: "拒绝" }]; wxdmsgbox.Confirm("是否操作", json, function () { alert("点击我同意"); }); }); $("#btn-confirm3").click(function () { var json = [ { id: "btn-ok", text: "同意" }, { id: "btn-cancel", text: "取消" }, { id: "btn-no", text: "拒绝", icon:"fa-meh-o" }]; wxdmsgbox.Confirm3("是否操作", json, function () { alert("点击我同意"); }, function () { alert("拒绝"); }, function () { alert("取消") }, 2); }); }); </script> </head> <body> <div style="position:absolute;float:left;width:400px;left:50%;margin-left:-200px;margin-top:30px;line-height:30px"> <p>默认提示框</p> <button id="btn-info" value="Info">Info</button> <button id="btn-error" value="Error">Error</button> <button id="btn-warning" value="Warning">Warning</button> <button id="btn-success" value="Success">Success</button> <button id="btn-confirm" value="Confirm">Confirm</button> <button id="btn-loading" value="Loading">Loading</button> <br /><br /><br /> <p>倒计时自动点击按钮并且关闭提示框</p> <button id="btn-info1" value="Info">Info</button> <button id="btn-error1" value="Error">Error</button> <button id="btn-warning1" value="Warning">Warning</button> <button id="btn-success1" value="Success">Success</button> <button id="btn-confirm1" value="Confirm">Confirm</button> <button id="btn-loading1" value="Loading">Loading</button> <br /><br /><br /> <p>自定义按钮显示字符</p> <button id="btn-confirm2" value="Confirm">Confirm</button> <br /><br /><br /> <p>3个按钮</p> <button id="btn-confirm3" value="Confirm">Confirm</button> </div> </body> </html>