jQuery資訊提示工具Poshy Tip

2021-09-02 12:12:30 字數 882 閱讀 7367

poshy tip是一款非常友好的資訊提示工具,它基於jquery,當滑鼠滑向鏈結時,會出現乙個資訊提示條。資訊的內容直接可以在html裡設定也可以是從服務端呼叫的資料,該外掛程式還提供了很多屬性和方法。

如下提供了三種使用的例子,**如下:

1.滑鼠滑上這裡看看

2.使用者名稱:

3.服務端呼叫:

滑鼠滑向這裡載入

執行效果:

一.基本使用

$("#tip1").poshytip();
二.表單提示

當輸入框獲得焦點時,在右側會出現提示工具條

$('#user').poshytip();
三.服務端呼叫

實際應用中通過請求服務端資源,獲得返回資料

$('#remote').poshytip();  

return 'loading...';

} });

二.引數和方法一覽表

ps:源**見附件poshytipdemo.rar,更加詳細的用法與例項見poshytip-1.2.rar。

jQuery資訊提示工具 Poshy Tip

poshy tip是一款非常友好的資訊提示工具,它基於jquery,當滑鼠滑向鏈結時,會出現乙個資訊提示條。資訊的內容直接可以在html裡設定也可以是從服務端呼叫的資料,該外掛程式還提供了很多屬性和方法。檢視演示demo xhtml demo中提供了三種使用的例子,頁面 如下 1 id tip1 t...

jQuery 側欄與工具提示 20130726

1 效果及功能說明 當滑鼠觸及到標題就會觸發乙個側顯示框來告訴基礎資訊 2 實現原理 主要是靠偽類來觸發效果,當提示框從左邊出來,讓後顯示出上面的資訊,獲得乙個定義好的類來修改上面的字型等資訊,當滑鼠離開後自動回去,並且刪除類,當滑鼠觸及到時多有動畫停止,確保了不會有重複的出現 主要的方法 this...

如何使用jQuery建立工具提示

這是乙個使用jquery建立工具提示訊息的簡單想法。確定需要顯示工具提示訊息的 目標 建立工具提示訊息和css樣式。三個功能 showtooltips,hidetooltips,changetooltipsposition。當滑鼠進入 目標 時,使用showtooltips顯示工具提示訊息,並使用c...