A-Fu Design

clueTip 提示工具 jQuery 套件

clueTip 這是一個能夠方便您為一個連結或者任何的網頁元素增加一個 ToolTips (提示訊息)的功能，基於 jQuery 框架開發方便您為網頁增加更多不同的功能。在使用這一個套件連結包括 Title 屬性的時候，它的內容就可以直接變成了 clueTip 的標題文字。clueTip中顯示的內容更可以透過 ajax 的方式取得，也可以是當前頁面的元素項目。

Humane JS  提示訊息可顯示右上方或正上方或者是中間

Humane JS 沒有使用任何 JavaScript 框架開發的提示訊息，簡單、現在化、獨立的程式碼、不占用太大位置的一個提示通知工具，利用 CSS 轉換來製作動畫效果，可支援現在大部分的瀏覽器也包含了現在的移動設備支援。Humane JS 還提供了五種的提示訊息的設計樣式，可在程式進行時隨時的改變提示的外觀設計。

jQuery Notty 右上角訊息提示視窗

建立互動式網頁時，有時候會需要一些方式來提醒使用者該做別的動作，或者是不要做哪些事情抑或者是提醒使用者一些事情。這個時候 jQuery Notty 就是很好用的一個套件，基於 jQuery 框架製作件單容易使用。還可以設定提示秒數、顯示秒數還有點擊後的回調函示等等的。

jQuery - Selected Text Sharer 實際執行畫面

有時候在寫文章的時候有些專有名詞需要解釋但是在下方做註解又不太方便瀏覽，或者是方便讓使用者來搜尋或分享某一些內容，這個時候 Selected Text Sharer 這一個方便的套件就對你來說很有幫助了，它可以讓你的網頁上一部分的元素可以有另外類似提示視窗的對話泡泡介面，方便解釋內容或者是分享內容等等。

Growl 實際執行畫面

網站中使用 AJAX 讀取檔案或做其他動作時，有時候需要通知使用者完成或者是提示使用者可以進行下一個動作或流程，這時候就需要像這樣的一個效果。Growl 一個簡單又方便的提示訊息視窗，使用 Mootools 框架製作可以創建淡入淡出的效果。

jQuery powerFloat 實際執行畫面

jQuery powerFloat 作者的原意就是強大的浮動層。使用 jQuery 框架支援 hover,click,focus 以及無事件觸發，支援多達12種位置定位，頁面元素加載，AJAX加載，下拉列表，提示層效果，可自定義裝載容器支持跟隨滑鼠等等。效果可以做到像 Google 上排選單更多的那一個連結一樣，按下去之後有更多的選項可以點選。

Joyride 實際執行畫面

 Google 推出新功能的時候第一次使用都會有逐步的提示視窗說明，Joyride 也就是類似這一個功能的 jQuery 套件，利用它來創建一個引導使用者逐步操作您的網站功能，透過定義一個一個步驟的操作順序，可定義提示方塊的位置滾動到下一個步驟的速度等等。綜上所述， Joyride 是一種幫助用戶找到網站功能簡單又有效的方法。

Grumble.js 實際執行畫面

Grumble.js 是一個用來創建球型氣泡提示訊息的 jQuery 套件，可淡出淡入展示也可以設置自動消失或手動關閉。提示訊息的位置可以靈活自動的變化，還可以圍繞一個指定元素的任何角度做360度的旋轉，亦可指定任何的距離可作用於IE6+的瀏覽器，IE都可以用了其他近代的瀏覽器幾乎都相容。

Sweet Tooltip 實際執行畫面

在網頁上有一些功能可能不是非常明顯或者是步驟容易混淆的功能，如果能夠讓滑鼠事件就能讓使用者了解接下來該做什麼步驟，一個小小的提示視窗對不了解網站的作業流程的使用者是非常有用的工具。Sweet Tooltip 是一個以 CSS3 和 jQuery 框架為基礎的提示訊息套件，裡面有包含了七種不同設計樣式的提示訊息方塊。

Mootools ToolTips實際執行畫面四個分割視窗呈現

很多時候網頁上的元素為了保持乾淨整潔的樣子，所以會少掉了很多說明的文字部分，但是為了可以讓使用者更了解這一個連結或者這一個圖片是做什麼的，這一個功能就是幫助設計師可以保持頁面又可以讓使用者清楚知道圖片或文字的意義。