我們在提交表單後，通(tōng)過Ajax響應後台返回結果，并在前台顯示返回信息，jNotify能非常優雅的顯示操作(zuò)結果信息。jNotify是一款基于jQuery的信息提示插件，它支持操作(zuò)成功、操作(zuò)失敗和(hé)操作(zuò)提醒三種信息提示方式。

jNotify具有(yǒu)以下特性：：

• 跨浏覽器(qì)兼容。
• 提示內(nèi)容支持HTML标簽。
• 支持定位提示框的位置。
• 靈活的，可(kě)配置插件參數(shù)。

使用前準備

使用該插件時(shí)一定要記得(de)先載入jQuery庫和(hé)該插件以及相關樣式。

jQuery

jNotify的使用很(hěn)非常簡單。

$(function(){
   $(element).click(function(){
       jSuccess(message,{option});
   });  
});

jNotify提供三種調用方式，分别是jSuccess()，jNotify()，jError()，使用方法都一樣。message就是提示信息的內(nèi)容，支持html标簽。option是參數(shù)配置項，可(kě)以進行(xíng)相關配置，如果不要option則采用默認配置。

jNotify提供以下可(kě)配置的參數(shù)：

autoHide : true,				// 是否自動隐藏提示條
clickOverlay : false,			// 是否單擊遮罩層才關閉提示條
MinWidth : 200,					// 最小(xiǎo)寬度
TimeShown : 1500, 				// 顯示時(shí)間(jiān)：毫秒(miǎo)
ShowTimeEffect : 200, 			// 顯示到頁面上(shàng)所需時(shí)間(jiān)：毫秒(miǎo)
HideTimeEffect : 200, 			// 從頁面上(shàng)消失所需時(shí)間(jiān)：毫秒(miǎo)
LongTrip : 15,					// 當提示條顯示和(hé)隐藏時(shí)的位移
HorizontalPosition : "right", 	// 水(shuǐ)平位置:left, center, right
VerticalPosition : "bottom",	 // 垂直位置：top, center, bottom
ShowOverlay : true,				// 是否顯示遮罩層
ColorOverlay : "#000",			// 設置遮罩層的顔色
OpacityOverlay : 0.3,			// 設置遮罩層的透明(míng)度

此外jNotify還(hái)提供了兩個(gè)方法操作(zuò)onClosed和(hé)onCompleted，使用方法可(kě)參照DEMO。

您還(hái)可(kě)以修改CSS樣式來(lái)呈現提示信息條的外觀。