流行的jQuery信息提示插件(jQuery Tooltip Plugin)

Learning, by 木公.

信息提示雖然是小東西，但是在網(wǎng)站設(shè)計中卻起到了巨大的作用。如果你網(wǎng)站的信息提示做的好，會給訪客留下非常深刻的印象。下面有30個非常流行的jQuery信息提示插件，希望對各位有所幫助。記住，所有的這些都是為了使網(wǎng)站設(shè)計更好。

1. Dynamic tooltip

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

Dynamic tooltip

2. Popup Bubble

優(yōu)秀的tooltip！雖然看起來簡單，但是過渡效果非常棒，適用于簡單干凈的網(wǎng)站。

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

這個是為輸入框開發(fā)的信息提示，過渡效果美觀。

(mb)Tooltip

9. vTip

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

vTip

10. jGrowl

當(dāng)點擊鏈接時淡入出現(xiàn)，然后固定在右上角，一段時間后自動消失，或者可以手動關(guān)閉。

jGrowl

11. jQuery Ajax Tooltip

有趣的信息提示，可以處理像小型網(wǎng)頁圖片和文字。它有一個陰影效果。

jQuery Ajax Tooltip

12. Digg-style post sharing tool with jQuery

漂亮的digg樣式，適用于社交網(wǎng)站。

Digg-style post sharing tool with jQuery

13. Input Floating Hint Box

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

Input Floating Hint Box

14. Simpletip

漂亮的提示與褪色的過渡。將鼠標(biāo)懸停在鏈接上，tooltip淡入在鏈接的上方或者下方。

Simpletip

15. qTip

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

qTip

16. Orbital Tooltip

有趣的提示插件，您可以手動設(shè)定在您需要的時間出現(xiàn)。

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

簡單的提示，當(dāng)鼠標(biāo)懸停在鏈接上時出現(xiàn)，直到你關(guān)閉它才會消失。

clueTip

25. Creating A Simple Tooltip Using jQuery and CSS

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

Creating A Simple Tooltip Using jQuery and CSS

26. BetterTip

Tooltip出現(xiàn)在鏈接的右邊。

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，隨鼠標(biāo)移動。

Create a Simple CSS + Javascript Tooltip with jQuery

轉(zhuǎn)載于:https://www.cnblogs.com/Jaylong/archive/2011/06/05/jueyr.html

總結(jié)

以上是生活随笔為你收集整理的流行的jQuery信息提示插件(jQuery Tooltip Plugin)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。