1. 程式人生 > >15個友好的jQuery 提示框外掛

15個友好的jQuery 提示框外掛

http://justcoding.iteye.com/blog/625790

需要在使用者把游標移到某個元素上時顯示一些額外資訊時,提示框是一種不錯的方式,提示框會在滑鼠停留的時候顯示,滑鼠移開時消失。

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

1. qTip

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


qtip

這個提示框外掛能夠顯示任何的HTML元素,比如連結、表格、表單、圖片,實現這些效果是很輕鬆的,你也可以輕鬆製作

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

jquery-tools-tooltips

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

simpletip

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

你不需要新增任何CSS或圖片就可以擴充套件、定製提示框的樣式風格。

ezpz-tooltip

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

iquery-input-floating-hint-box

html-tooltip

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

orbital-tooltip

9. Tipsy

Facebook風格的提示框外掛。


tipsy

cluetip

11. jTip

jTip 利用 HttpXMLRequest 物件去獲取內容,只要在連結上加一個”jTip”class,就可以獲取遠端地址提供的提示內容

jtip

beautytips

可擴充套件性極好,只需少量的javascript程式碼你就可以制定出自己風格的提示框。

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

bettertip

輕鬆通過ajax製作提示框。


jqtooltip