Jquery 多種提示外掛程式

 

轉自：http://www.worktool.cn/AjaxJiShu/2010-08/1300.htm

 

 

資訊提示雖然是小東西，但是在網站設計中卻起到了巨大的作用。如果你網站的資訊提示做的好，會給訪客留下非常深刻的印象。下面有30個非常流行的 jQuery資訊提示外掛程式，希望對各位有所協助。記住，所有的這些都是為了使網站設計更好。

 

1. Dynamic tooltip

非常漂亮的tooltip！有漸層、透明、陰影等效果。

Dynamic tooltip

2. Popup Bubble

優秀的tooltip！雖然看起來簡單，但是過渡效果非常棒，適用於簡單乾淨的網站。

Popup Bubble

3. jQuery Horizontal Tooltips Menu Tutorials

精美的tooltip！提示資訊不會消失，除非你點擊其它連結。看起來非常簡單，但是它的動畫效果卻非常棒。

jQuery Horizontal Tooltips Menu Tutorials

4. Prototip

多種多樣的提示效果，極有效簡化工作過程。

Prototip

5. Coda Popup Bubble

非常漂亮的資訊提示，有過渡效果和背景陰影。

Coda Popup Bubble

6. Awesomeness

非常酷的資訊提示，平滑的過渡效果，並且有透明邊框。

Awesomeness

7. TipTip

漂亮的資訊提示，有淡入淡出過渡效果，幻燈、陰影特效。

TipTip

8. (mb)Tooltip

這個是為輸入框開發的資訊提示，過渡效果美觀。

(mb)Tooltip

9. vTip

簡單但是非常好的資訊提示，有淡入效果。

vTip

10. jGrowl

當點選連結時淡入出現，然後固定在右上方，一段時間後自動消失，或者可以手動關閉。

jGrowl

11. jQuery Ajax Tooltip

有趣的資訊提示，可以處理像小型網頁圖片和文字。它有一個陰影製作效果。

jQuery Ajax Tooltip

12. Digg-style post sharing tool with jQuery

漂亮的digg樣式，適用於社交網站。

Digg-style post sharing tool with jQuery

13. Input Floating Hint Box

有趣的輸入框提示，邊框為圓角。輸入框獲得焦點時淡入，點擊其它地方淡出。

Input Floating Hint Box

14. Simpletip

漂亮的提示與褪色的過渡。將滑鼠移至上方在連結上，tooltip淡入在連結的上方或者下方。

Simpletip

15. qTip

很簡單，但 好看的提示。可以圓角，說話提示的樣式。

qTip

16. Orbital Tooltip

有趣的提示外掛程式，您可以手動設定在您需要的時間出現。

Orbital Tooltip

17. Inline HTML Tooltip

漂亮的提示，有過渡效果。

Inline html Tooltip

18. tipsy

tipsy

19. Easiest jQuery Tooltip Ever

Easiest jQuery Tooltip Ever

20. BsTip

BsTip

21. EZPZ Tooltip

EZPZ Tooltip

22. BeautyTips

BeautyTips

23. Tooltip

Tooltip

24. clueTip

簡單的提示，當滑鼠移至上方在連結上時出現，直到你關閉它才會消失。

clueTip

25. Creating A Simple Tooltip Using jQuery and CSS

幾個簡單但是不同的提示。

Creating A Simple Tooltip Using jQuery and css

26. BetterTip

Tooltip出現在連結的右邊。

BetterTip

27. jTip

簡單但是對於登入頁面非常有用。

jTip

28. jqTooltip

簡單的ajax載入效果，可以淡入淡出。

jqTooltip

29. Pop!

Pop!

30. Create a Simple CSS + Javascript Tooltip with jQuery

Simple tooltip with rounded corners. It follows your mouse movements.

簡單的圓角tooltip，隨滑鼠移動。