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

Learning, by 木公.

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

1. Dynamic tooltip

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

Dynamic tooltip

2. Popup Bubble

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

Popup Bubble

3. jQuery Horizontal Tooltips Menu Tutorials

精美的tooltip！提示信息不會(huì)消失，除非你點(diǎn)擊其它鏈接。看起來(lái)非常簡(jiǎn)單，但是它的動(dòng)畫(huà)效果卻非常棒。

jQuery Horizontal Tooltips Menu Tutorials

4. Prototip

多種多樣的提示效果，極有效的簡(jiǎn)化工作過(guò)程。

Prototip

5. Coda Popup Bubble

非常漂亮的信息提示，有過(guò)渡效果和背景陰影。

Coda Popup Bubble

6. Awesomeness

非常酷的信息提示，平滑的過(guò)渡效果，并且有透明邊框。

Awesomeness

7. TipTip

漂亮的信息提示，有淡入淡出過(guò)渡效果，幻燈、陰影特效。

TipTip

8. (mb)Tooltip

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

(mb)Tooltip

9. vTip

簡(jiǎn)單但是非常好的信息提示，有淡入效果。

vTip

10. jGrowl

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

jGrowl

11. jQuery Ajax Tooltip

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

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

有趣的輸入框提示，邊框?yàn)閳A角。輸入框獲得焦點(diǎn)時(shí)淡入，點(diǎn)擊其它地方淡出。

Input Floating Hint Box

14. Simpletip

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

Simpletip

15. qTip

很簡(jiǎn)單，但 好看的提示。可以圓角，說(shuō)話提示的樣式。

qTip

16. Orbital Tooltip

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

Orbital Tooltip

17. Inline HTML Tooltip

漂亮的提示，有過(guò)渡效果。

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

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

clueTip

25. Creating A Simple Tooltip Using jQuery and CSS

幾個(gè)簡(jiǎn)單但是不同的提示。

Creating A Simple Tooltip Using jQuery and CSS

26. BetterTip

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

BetterTip

27. jTip

簡(jiǎn)單但是對(duì)于登錄頁(yè)面非常有用。

jTip

28. jqTooltip

簡(jiǎn)單的ajax加載效果，可以淡入淡出。

jqTooltip

29. Pop!

Pop!

30. Create a Simple CSS + Javascript Tooltip with jQuery

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

簡(jiǎn)單的圓角tooltip，隨鼠標(biāo)移動(dòng)。

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)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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