一定要收藏的15個友好的jquery提示框效果

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

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

1. qTip

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

2. jQuery Tools/Tooltips

這個提示框插件能夠顯示任何的HTML元素,比如鏈接、表格、表單、圖片,實現這些效果是很輕鬆的,你也可以輕鬆製作出自己獨特風格的提示框。jquery-tools-tooltips

3. Simpletip

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

simpletip

4. jQuery (mb)Tooltip

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

5. EZPZ Tooltip

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

ezpz-tooltip

6. jQuery Input Floating Hint Box

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

7. HTML Tooltip

html-tooltip

8. Orbital Tooltip

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

9. Tipsy

Facebook風格的提示框插件。
tipsy

10. clueTip

cluetip

11. jTip

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

12. BeautyTips

beautytips

13. Hovertips

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

14. BetterTip

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

15. jqTooltip

輕鬆通過ajax製作提示框。
jqtooltip

轉自:http://drupalsh.cn/node/159

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章