【bootstrap】Bootstrap Notify的使用步骤

Bootstrap Notify说明文档：http://bootstrap-notify.remabledesigns.com/

Bootstrap Notify的GitHub地址：https://github.com/mouse0270/bootstrap-notify

自己使用步骤：

　　1.引入js【需要提前引入jQuery和bootstrap的js】

<script src="../static/js/admin/bootstrap-notify.min.js"></script>

　　2.引入动画css【需要提前引入bootstrap的css】

<link href="../static/css/login/animate.css" rel="stylesheet" />

　　3.使用

 //按钮点击事件
    $(".seachA").click(function(){
       var notify= notifyMsg("德玛西亚");
    });


    function notifyMsg(msg){
       var notify =  $.notify({
            // options
            icon: 'glyphicon glyphicon-warning-sign',
            title: '警告',
            message: msg,
            target: '_blank'
        },{
            // settings
            element: 'body',
            position: null,
            type: "warning",
            allow_dismiss: true,
            newest_on_top: true,
            showProgressbar: false,
            placement: {
                from: "bottom",
                align: "center"
            },
            offset: 20,
            spacing: 10,
            z_index: 1031,
            delay: 5000,
            timer: 1000,
            url_target: '_blank'
        });

       return notify;
    }

　　4.效果