Take the 2-minute tour ×

Is there a good tutorial on how to make a pure CSS tooltip?

Is there a good tutorial on how to make a tooltip using CSS and Jquery?

share|improve this question

closed as off-topic by apaul34208, Mario, adeneo, Dave Alperovich, Robin Green Nov 24 '13 at 0:15


  • "Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it." – apaul34208, Mario, adeneo, Dave Alperovich, Robin Green

4 Answers 4

up vote 1 down vote accepted

jQuery UI 1.9 Milestone 1 includes a working version of Tooltip built into the library. The announcement includes usage examples.

If you're going to use jQuery UI 1.9, the latest version is Milestone 2.

share|improve this answer

Use the jQuery plugin "tipsy"...instructions are pretty clear on the site http://onehackoranother.com/projects/jquery/tipsy/

and if you need pure css these four lines will do a basic one http://www.kollermedia.at/archive/2008/03/24/easy-css-tooltip/

share|improve this answer

i would use jquery plugin's qTip or simpleTip. they both are flexible and pretty straight forward to understand and the linked websites have lots of documentation, tutorials and examples.

share|improve this answer
