jquery的toastr消息提示插件

插件描述：

    toastr是非阻塞通知的JavaScript库。jQuery是必需的。我们的目标是创建一个简单的核心库，可以自定义和扩展。

官网下载：http://codeseven.github.io/toastr/

引用：

       

效果：

    

练习：可自定义参数配置。

toastr弹窗


	
	
			
	

	
	

		

			
success
		
			
error
		
			
info
		
			
warning
		
		
	
	

	
		/* 
			参数说明：  
				positionClass，消息框在页面显示的位置
					toast-top-left  顶端左边
					toast-top-right    顶端右边
					toast-top-center  顶端中间
					toast-top-full-width 顶端，宽度铺满整个屏幕
					toast-botton-right  
					toast-bottom-left
					toast-bottom-center
					toast-bottom-full-width
		*/
		$(function(){    //自定义参数
			toastr.options = {  
			        closeButton: false,  	//是否显示关闭按钮（提示框右上角关闭按钮）。
			        debug: false,  			//是否为调试。
			        progressBar: true,  	//是否显示进度条（设置关闭的超时时间进度条）
			        positionClass: "toast-top-center",  	//消息框在页面显示的位置
			        onclick: null,  		//点击消息框自定义事件 
			        showDuration: "300",  	//显示动作时间 
			        hideDuration: "1000",  	//隐藏动作时间
			        timeOut: "2000",  		//自动关闭超时时间 
			        extendedTimeOut: "1000",  
			        showEasing: "swing",  
			        hideEasing: "linear",  
			        showMethod: "fadeIn",  	//显示的方式，和jquery相同
			        hideMethod: "fadeOut"  	//隐藏的方式，和jquery相同
			        //等其他参数
			    };  
		});
		function success1(){
			toastr.success('success有消息了');	//ajax回调函数 toastr.success(data.message);
		}
		function error1(){
			toastr.error('error有消息了');
		}
		function info1(){
			toastr.info('info有消息了');
		}
		function warning1(){
			toastr.warning('warning有消息了');
		}