What is the best tutorial or tutorials on how to make a tooltip using CSS or JQuery or Both?

Question

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?

Answer 1

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/

Answer 2

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.

Answer 3

check the following options

http://jquery.bassistance.de/tooltip/demo/
http://www.reynoldsftw.com/2009/03/10-excellent-tooltip-plugins-with-jquery/
http://www.webdesignbooth.com/15-jquery-plugins-to-create-an-user-friendly-tooltip/

Answer 4

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.