您的位置:首页 > Web前端 > JQuery

Jquery通知组件

2020-09-24 10:40 1821 查看

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();

})

});

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: