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

?

適當(dāng)?shù)氖褂锰崾究蚰艽蟠筇嵘W(wǎng)站的友好度，并且可以節(jié)省一些不必要的網(wǎng)頁空間，今天我們將看到15款制作友好的提示框的jQuery插件。

?

1. qTip

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

2. jQuery Tools/Tooltips

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

出自己獨(dú)特風(fēng)格的提示框。

?

3. Simpletip

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

?

4. jQuery (mb)Tooltip

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

?

5. EZPZ Tooltip

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

?

6. jQuery Input Floating Hint Box

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

?

7. HTML Tooltip

8. Orbital Tooltip

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

?

9. Tipsy

Facebook風(fēng)格的提示框插件。

10. clueTip

11. jTip

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

?

12. BeautyTips

13. Hovertips

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

?

?

14. BetterTip

BetterTip基于Cody Lindley的 jTip實(shí)現(xiàn), 但是對比起來它擴(kuò)展性更好。

?

15. jqTooltip

輕松通過ajax制作提示框。

?

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

?

?

15個友好的jQuery 提示框插件