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


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

 

1. Dynamic tooltip

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

Dynamic tooltip

Dynamic tooltip

2. Popup Bubble

優秀的tooltip!雖然看起來簡單,但是過渡效果非常棒,適用於簡單干凈的網站。

Popup Bubble

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,隨鼠標移動。

Create a Simple CSS + Javascript Tooltip with jQuery

 

作   者:孟晨
出   處:http://www.cnblogs.com/xiaoyao2011/
個人站:  http://www.coderidea.com/
歡迎任何形式的轉載,但請務必注明出處。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM