需要在用戶把光標移到某個元素上時顯示一些額外信息時，提示框是一種不錯的方式，提示框會在鼠標停留的時候顯示，鼠標移開時消失。

?

適當的使用提示框能大大提升網站的友好度，并且可以節省一些不必要的網頁空間，今天我們將看到15款制作友好的提示框的jQuery插件。

?

1. qTip

qTip是一款功能高級的提示框插件，它提供了非常多的特性，包括圓角框、提示泡泡等。

2. jQuery Tools/Tooltips

這個提示框插件能夠顯示任何的HTML元素，比如鏈接、表格、表單、圖片，實現這些效果是很輕松的，你也可以輕松制作

出自己獨特風格的提示框。

?

3. Simpletip

Simpletip 允許你通過Jquery的元素選擇器和事件管理器輕松在任何元素上制作提示框，提示框可以使靜態的、動態的、甚至可以通過ajax加載，并且都有非常多不 懂的顯示效果。

?

4. jQuery (mb)Tooltip

jQuery (mb)Tooltip是一款通過 jQuery timers 和半透明陰影插件實現的漂亮的提示框插件，它為各種需求提供很多可選項。

?

5. EZPZ Tooltip

你不需要添加任何CSS或圖片就可以擴展、定制提示框的樣式風格。

?

6. jQuery Input Floating Hint Box

這個插件在表單右邊提供一個自動變化的提示框，當輸入框獲得焦點時它就會顯示，失去焦點時就隱藏。

?

7. HTML Tooltip

8. Orbital Tooltip

你可以用 Orbital Tooltip在目標元素的360°任何一個位置制作出一個提示框。

?

9. Tipsy

Facebook風格的提示框插件。

10. clueTip

11. jTip

jTip?利用 HttpXMLRequest 對象去獲取內容，只要在鏈接上加一個”jTip”class，就可以獲取遠程地址提供的提示內容

?

12. BeautyTips

13. Hovertips

可擴展性極好，只需少量的javascript代碼你就可以制定出自己風格的提示框。

?

?

14. BetterTip

BetterTip基于Cody Lindley的 jTip實現, 但是對比起來它擴展性更好。

?

15. jqTooltip

輕松通過ajax制作提示框。

?

?譯自： http://www.webdesignbooth.com/15-jquery-plugins-to-create-an-user-friendly-tooltip/

?

?

15個友好的jQuery 提示框插件