互联网第一工具箱,让工作变得更为简单!
  • 59阅读
  • 0回复

[Aspxnet交流] JS封装消息提示框toast


会员


发帖
16
楼主  发表于:2019/11/4 14:46

个人封装的提示框,停留时间以及样式可以自定义修改,用到了JQUERY

function toast(mess) {

    var str = '<div id="j_t" style="height:45px;background: rgba(0,0,0,.5);border-radius: 8px;text-align: center;width:452px;display:block;position:fixed;left:50%;top:50%"><span style="color:#fff;font-size:16px;line-height:45px;text-align: center;"></span></div>';

    if (!$("#j_t")[0]) {

        $("body").append(str);

    }

    $("#j_t").fadeIn().find("span").html(mess);

    setTimeout(function () {

        $("#j_t").fadeOut();

    }, 2000)

}



快速回复