自动消失的弹窗

 1 function prompt(message, style, time){
            style = (style === undefined) ? 'alert-success' : style;
            time = (time === undefined) ? 1200 : time;
            $('<div id="promptModal">')
                .appendTo('body')
                //.addClass('alert '+ style)
 7                 .css({"display":"block",
                    "z-index":99999,
                    "left":($(document.body).outerWidth(true) - 120) / 2,
                    "top":($(window).height() - 45) / 2,
                    "position": "absolute",
                    "padding": "20px",
                    "border": "1px solid #2D8CF0",
                    "border-radius": "5px"})
                .html(message)
                .show()
                .delay(time)
                .fadeOut(10,function(){
                    $('#promptModal').remove();
                });
        }

调用方法：

prompt(res.Message?res.Message:"自动消失的弹窗！","",1200)；

 

效果展示：

__EOF__

本文作者：RedamancyTT
本文链接：https://www.cnblogs.com/RedamancyTT/p/16150528.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！