提示框

显示消息提示框

原创于 2018-07-03 10:22:31 发布 · 161 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个使用JavaScript和jQuery实现的消息提示框功能。该提示框能够自定义样式并自动隐藏，适用于网页应用中临时展示信息的场景。

function showMsg(msg) {
    var _div =$("<div></div>");
    _div.css({
        'color': '#fff',
        'padding':"3px 5px",
        'border-radius':'5px',
        'background':'#000',
        'position':'fixed',
        'left':'50%',
        'bottom':'20px',
        'transform':'translateX(-50%)'
    })
    $("body").append(_div);
    _div.text(msg);
    _div.css('display', 'block');
    setTimeout(function () {
        _div.css('display', 'none');
    }, 2000);
}
showMsg("hello")