15個友好的jQuery 提示框外掛
http://justcoding.iteye.com/blog/625790
需要在使用者把游標移到某個元素上時顯示一些額外資訊時,提示框是一種不錯的方式,提示框會在滑鼠停留的時候顯示,滑鼠移開時消失。
適當的使用提示框能大大提升網站的友好度,並且可以節省一些不必要的網頁空間,今天我們將看到15款製作友好的提示框的jQuery外掛。
1. qTip
qTip是一款功能高階的提示框外掛,它提供了非常多的特性,包括圓角框、提示泡泡等。
這個提示框外掛能夠顯示任何的HTML元素,比如連結、表格、表單、圖片,實現這些效果是很輕鬆的,你也可以輕鬆製作
出自己獨特風格的提示框。
Simpletip 允許你通過Jquery的元素選擇器和事件管理器輕鬆在任何元素上製作提示框,提示框可以使靜態的、動態的、甚至可以通過ajax載入,並且都有非常多不 懂的顯示效果。
jQuery (mb)Tooltip是一款通過 jQuery timers 和半透明陰影外掛實現的漂亮的提示框外掛,它為各種需求提供很多可選項。
你不需要新增任何CSS或圖片就可以擴充套件、定製提示框的樣式風格。
這個外掛在表單右邊提供一個自動變化的提示框,當輸入框獲得焦點時它就會顯示,失去焦點時就隱藏。
你可以用 Orbital Tooltip在目標元素的360°任何一個位置製作出一個提示框。
9. Tipsy
Facebook風格的提示框外掛。
11. jTip
jTip 利用 HttpXMLRequest 物件去獲取內容,只要在連結上加一個”jTip”class,就可以獲取遠端地址提供的提示內容
可擴充套件性極好,只需少量的javascript程式碼你就可以制定出自己風格的提示框。
BetterTip基於Cody Lindley的 jTip實現, 但是對比起來它擴充套件性更好。
輕鬆通過ajax製作提示框。