toast.js

function toast (msg) {
        $('.toast').remove();
        $("<div class='toast'><h3>" + msg + "</h3></div>")
            .css({
                display: "block",
                opacity: 0.8,
                position: "fixed",
                padding: "7px",
                "text-align": "center",
                width: "270px",
                left: ($(window).width() - 284) / 2,
                //top: $(window).height() / 2
                bottom: 20
            })
            .addClass('animated bounce')
            .appendTo(document.body).delay(1500)
            .fadeOut(300, function () {
                $(this).remove();
            });
    }