【bootstrap】Bootstrap Notify的使用步骤

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

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

本身使用步骤:github

  1.引入js【须要提早引入jQuery和bootstrap的js】bootstrap

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

  2.引入动画css【须要提早引入bootstrap的css】动画

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

  3.使用url

//按钮点击事件
    $(".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.效果spa

相关文章
相关标签/搜索