Jquery通知组件

Jquery通知组件(类似于ElementUI的通知)

引入方式见

https://www.jq22.com/jquery-info476

toastr.options = {
            "closeButton": true,
            "debug": false,
            "positionClass": "toast-bottom-left",
            "onclick": null,
            "showDuration": "200",
            "hideDuration": "1000",
            "timeOut": "20000",
            "extendedTimeOut": "1000",
            "showEasing": "swing",
            "hideEasing": "linear",
            "showMethod": "fadeIn",
            "hideMethod": "fadeOut"
        };
        toastr.info(nodeDetail);

$(function(){

//参数设置,若用默认值可以省略以下面代
toastr.options = {
"closeButton": false, //是否显示关闭按钮
"debug": false, //是否使用debug模式
"positionClass": "toast-top-full-width",//弹出窗的位置
"showDuration": "300",//显示的动画时间
"hideDuration": "1000",//消失的动画时间
"timeOut": "5000", //展现时间
"extendedTimeOut": "1000",//加长展示时间
"showEasing": "swing",//显示时的动画缓冲方式
"hideEasing": "linear",//消失时的动画缓冲方式
"showMethod": "fadeIn",//显示时的动画方式
"hideMethod": "fadeOut" //消失时的动画方式
};



//成功提示绑定

$("#success").click(function(){

toastr.success("祝贺你成功了");

})



//信息提示绑定

$("#info").click(function(){

toastr.info("这是一个提示信息");

})



//敬告提示绑定

$("#warning").click(function(){

toastr.warning("警告你别来烦我了");

})



//错语提示绑定

$("#error").click(function(){

toastr.error("出现错误,请更改");

})


//清除窗口绑定

$("#clear").click(function(){

toastr.clear();

})

});
原文地址:https://www.cnblogs.com/liruilong/p/13722926.html