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