HTML tooltips are the indispensable things on the layout of any website. They may provide more information to our readers without breaking the web designs. Most basic and simplest, we can add the tooltip to any HTML element with title attribute.

With this solution, we can only setup plain-text tooltips. However, with the JavaScript programming language, you can easy add more rich content for our tooltips; obviously you need to know more about JavaScript if you like to make tooltips become more interactive.

But all difficulties will disappear if you're using jQuery framework. Now it's time to enjoy 37 amazing tooltips scripts made with AJAX, JavaScript, CSS and jQuery in this post; to make your own unique and cool tooltips.

• Demo
• Enlarge
• Reload
• New window

21. MooTools Tooltip | Demo | Download

22. clueTip : A jQuery Plugin | Demo | Download

23. Mobile Tooltip Widget for GWT(Google Web Toolkit) | Demo | Download

24. websnapr - Preview Bubble Javascript v2.0 | Demo | Download

25. JavaScript Fading Tooltips | Demo | Download

26. Mootools Javascript Tooltips | Demo | Download

27. Ajax tooltip | Demo | Download

28. A Slider DataPager with Dynamic Tooltips | Demo | Download

29. Creating simple tooltips | Demo | Tutorial

30. Multiline tooltip with HTML, CSS, JavaScript | Demo | Tutorial

31. jQuery InputHintBox | Demo | Tutorial

32. JavaScript Tooltips | Demo | Download

33. overLIB | Demo | Download

34. GLT - Good-Looking Tooltips | Demo | Download

35. CSS Tooltips | Demo | CSS Base

36. jTip - A jQuery Tool Tip | Demo | Download

37. Easiest Tooltip and Image | Demo | Download

• Code
• Print

• Comment (0)
• Write

by Preview

Cancel reply

Write your comment

Comment's title

I assure 100% I am real human
I repeat I am not bot

• Sent (0)
• New