How to create and add cool tooltips into web page

To create fading tooltips is easy cake.
Here are the steps:

  1. Download MooTools JavaScript framework from it’s website, http://www.mootools.com or you can find it inside this archive.
  2. Include CSS file, tooltips.css.
  3. Include JS file, tooltips.js.
  4. Make sure an image file named bubble.png is in images folder.
  5. And finally you need to add class=”tooltip” and title=”Tooltip Title :: Description goes here” on every HTML object you want to have tooltip on it.

Download the full example here.

This entry was posted on Friday, May 8th, 2009 at 11:47 am and is filed under Javascript, Tips & Tricks. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

3 Responses to “How to create and add cool tooltips into web page”

  1. Cederash Says:
    May 24, 2009 at 3:54 am

    Как там у вас с погодой? Давно не писали

  2. frozenade Says:
    May 25, 2009 at 8:23 am

    hehe, yes, im so busy these days.. fyuhh… i’ll keep try in good posting. ;)

  3. Avertedd Says:
    May 26, 2009 at 2:46 pm

    Мне кажется очень хорошо

Leave a Reply