Advertisment
Tooltips on website are small things which can play a big role in website design. If a tooltip on your website is very well made and looks amazing then it can lift up visitors impression about your website. And that’s why here comes jQuery to help with its well made tooltips. And remember that all those small website design things make your website look better.
So this time I will show you my Top 30 of jQuery tooltip plugins. Enjoy!
1. Dynamic tooltip
Very cool tooltip! It’s very well made because it consists of cool transition effects and it also has a transparency and a drop shadow effect.
2. Popup Bubble
Brilliant tooltip! It looks so simple but it has awesome transition effects. This tooltip could be very useful for clean and simple websites.
3. jQuery Horizontal Tooltips Menu Tutorials
Beautifully made tooltip! This tooltip never disappears but follows when you hover over other links. Such a simple looking tooltip but its animation is brilliant.
4. Prototip
A lot of various very good looking tooltips which look awesome and have beautiful effects. Brilliant peace of work!
5. Coda Popup Bubble
Very nice tooltip with cool transition effect and it also has a drop shadow.
6. Awesomeness
Cool tooltip with nice transition effect and cool transparent border around it.
7. TipTip
Beautifully made tooltip with fade in / out transition effects, transparency and drop shadow effect.
8. (mb)Tooltip
Beautifully made tooltip with nice transition for input fields.
9. vTip
Simple but well made tooltip with a fade in transition effect. It has a cool looking border around it and when this tooltip appears, it also follows your mouse.
10. jGrowl
Cool tooltip which appears when you click on the link and then it sticks on the right-top corner of your window, and disappears after some time or when you close it manually by clicking on the close button. It also has fade in / out transition effects.
11. jQuery Ajax Tooltip
Interesting tooltip which can handle image and text together like a mini page. It has a drop shadow effect.
12. Digg-style post sharing tool with jQuery
Cool digg-style post sharing tool. This tooltip could be very useful for social networking website.
13. Input Floating Hint Box
Interesting tooltip with rounded corners for input fields. Tooltip fades in when you click on the input field and fades out when you click somewhere else.
14. Simpletip
Beautifully made tooltip with fade transitions. When you hover over a link, a tooltip fades in just above or below the link.
15. qTip
Very simple but good looking tooltip. This tooltip is available with rounded corners and also as a speech bubble tip.
16. Orbital Tooltip
Interesting tooltip plugin where you can set manually where your tooltip will show up.
17. Inline HTML Tooltip
Cool tooltip with nice transition effects.
18. tipsy
Interesting good looking tooltip which appears above, below, on the right or left side of the link.
19. Easiest jQuery Tooltip Ever
Simple tooltip but it could be useful to display an image when you hover over a link.
20. BsTip
Various simple tooltips with fade in and fade out transition effects and border around them.
21. EZPZ Tooltip
Very simple tooltip with border around it, which follows your mouse.
22. BeautyTips
Nice balloon style tooltip with transparency effect. There are available various tooltip styles, even interesting tooltips with cool animation, so you can choose one that fits best for your needs.
23. Tooltip
Various tooltip plugins for your website. Here you can find a simple tooltip with a nice fade transition and also you can find a good looking bubble style tooltip.
24. clueTip
Simple tooltip which shows up when you hover over a link and stays until you close it.
25. Creating A Simple Tooltip Using jQuery and CSS
Few simple but different tooltips.
26. BetterTip
Tooltip which appears on the right side of the link.
27. jTip
This is simple but useful tooltip for login form.
28. jqTooltip
Simple tooltip with ajax loaded content. It has fade in and fade out transition effects.
29. Pop!
Simple tooltip which shows up when you click on the arrow button and disappears when you click somewhere else.
30. Create a Simple CSS + Javascript Tooltip with jQuery
Simple tooltip with rounded corners. It follows your mouse movements.
U ROCKS…thanks for the list
Excelente recopilación!
Muy bueno!
Saludoss
.-= H4D35-X´s last blog ..Template para Bloger – Peliculas Online =-.
What do i say, lot of fun found here. Thanks for info (and inspiration), It saved a lot of my time,
Warm Regards,
[...] 30 Stylish jQuery Tooltip Plugins For Catchy Designs [...]
Great post. :) I try it one by one in my lokal server. thanks
Nice collection of tool tips thanks
[...] seviyoruz. İşimizi hemencik görüveren bu kullanışlı elementlerin en yeni ve güzelleri burada listelenmiş. Posted in Genel, Photoshop, Web Tasarım « Tasarımda Beyaz Alanlar, Arka [...]
[...] burada listelenmiş. Posted in İnternete Dair Bilgiler [...]
[...] 30 Stylish jQuery Tooltip Plugins For Catchy Designs [...]
Excellent List! well done
Another nice tool is this jQuery tooltip maker called Likno Web Tooltips Builder :
http://www.likno.com/jquery-tooltips/index.php
hope this helps…
Mario
[...] Kaynak(Source) Etiketler: jquery, jquery bilgi balonları, jquery eklentileri, jquery plugins, jquery tooltip Bu yazıyı paylaşın! [...]
[...] 30 Stylish jQuery Tooltip Plugins For Catchy Designs [...]
uhhh, prototip is not a jQuery plugin as the title describes. It uses Prototype and Scriptalicious :P
.-= Axertion´s last blog ..deepBlue – IPB Template Released! =-.
[...] Vedremo quindi il moltiplicarsi dell’uso di tool tips. Eccone un bel compendio. [...]
[...] 30 Stylish jQuery Tooltip Plugins For Catchy Designs [...]
[...] 30 Stylish jQuery Tooltip Plugins For Catchy Designs [...]
[...] 30 Stylish jQuery Tooltip Plugins For Catchy Designs [...]