bootstrap modal 弹出效果

最新推荐文章于 2024-11-09 09:23:05 发布

weixin_30652491

最新推荐文章于 2024-11-09 09:23:05 发布

阅读量201

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xuguanghui/p/5557045.html

本文介绍了一个简单的JavaScript函数，用于在网页上显示一个自动关闭的消息提示框。该函数使用了jQuery库来简化DOM操作，并设置了2秒后自动隐藏提示框的功能。

window.showMsg = function (msg) {
    //显示悬浮窗
    $("#autoCloseModal").modal("show")
    //设置文本内容
    $("#autoCloseModal #autoCloseModalBody").html("")
    $("#autoCloseModal #autoCloseModalBody").html(msg);
    //两秒后消失
    setTimeout(function () { $("#autoCloseModal").modal("hide") }, 2000);
};



调用：

showMsg('成功！');