【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.效果

【bootstrap】Bootstrap Notify的使用步骤

 

上一篇:微软:新Windows设备需要默认支持TPM 2.0安全功能


下一篇:【ActiveMQ】管理界面查看消息详情,报错/WEB-INF/tags/form/forEachMapEntry.tag PWC6199: Generated servlet error: The type java.util.Map$Entry cannot be resolved. It is