In this tutorial we are going to write a simple jQuery tooltip plugin. It is going to convert the title attributes of elements withing your page, into a series of colorful tooltips. Six color themes are available, so you can easily match it with the rest of your design. Step 1 - XHTML The plugin we are about to write today, works by converting the title of an element on the page to a structure of
![Colortip - a jQuery Tooltip Plugin](https://cdn-ak-scissors.b.st-hatena.com/image/square/d7667fce0e0771706d15b0433c137502dae4bb6e/height=288;version=1;width=512/https%3A%2F%2Ftutorialzine.com%2Fmedia%2F2010%2F07%2F1019.jpg)