JQuery自定义提示框

$(function() {
    $('body').append("<div id=\"alert-view\" class=\"alert-view\"></div>");
    $("#alert-view").css({
        'display': 'none',
        'position': 'fixed',
        'top': '40%',
        'left': '40%',
        'max-width': '300px',
        'box-sizing': 'border-box',
        'border': '1px solid #AAAAAA',
        'border-radius': '10px',
        'background': 'rgba(0, 0, 0, 0.6)',
        'color': 'white',
        'font-size': '16px',
        'text-align': 'center',
        'line-height': '30px',
        'padding': '10px 20px'
    })

    function alertMessage(str) {
        $("#alert-view").stop().slideUp()
        $("#alert-view").html(str)
        $("#alert-view").hide()
        $("#alert-view").css("opacity", "1")
        $("#alert-view").css("left", ($(window).width() - $("#alert-view").width()) / 2 - 20)
        $("#alert-view").css("top", ($(window).height() - $("#alert-view").height()) / 2 - 20)
        $("#alert-view").fadeIn(200).delay(2000).fadeOut(200)
    }

    function alertMessage(str, callback) {
        $("#alert-view").stop().slideUp()
        $("#alert-view").html(str)
        $("#alert-view").hide()
        $("#alert-view").css("opacity", "1")
        $("#alert-view").css("left", ($(window).width() - $("#alert-view").width()) / 2 - 20)
        $("#alert-view").css("top", ($(window).height() - $("#alert-view").height()) / 2 - 20)
        $("#alert-view").fadeIn(200).delay(2000).fadeOut(200, callback)
    }
})