Poshy Tip是一款非常友(yǒu)好的信息提示工具，它基于jQuery，當鼠标滑向鏈接時(shí)，會(huì)出現一個(gè)信息提示條。信息的內(nèi)容直接可(kě)以在HTML裏設定也可(kě)以是從服務端調用的數(shù)據，該插件還(hái)提供了很(hěn)多(duō)屬性和(hé)方法。

XHTML

Demo中提供了三種使用的例子，頁面代碼如下：

	1、鼠标滑上(shàng)這裏看看



	2、用戶名：



	3、服務端調用: 鼠标滑向這裏加載圖片 

當然，别忘了要加載jquery庫和(hé)poshytip插件以及相關樣式。

jQuery

1、基本使用：

$("#tip1").poshytip();

2、表單提示：當輸入框獲得(de)焦點時(shí)，在右側會(huì)出現提示工具條

$('#user').poshytip({
	className: 'tip-yellowsimple',
	showOn: 'focus',
	alignTo: 'target',
	alignX: 'right',
	alignY: 'center',
	offsetX: 5
});

3、服務端調用：通(tōng)過調用服務端ajax.php，獲得(de)返回數(shù)據

$('#remote').poshytip({
	alignY: 'bottom',
	content: function(updateCallback) {
		$.get('ajax.php?id=1',function(msg){
			updateCallback(msg);
		});
		return 'Loading...';
	}
});

參數(shù)和(hé)方法一覽表