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.

8 Responses to How to create and add cool tooltips into web page

  1. Cederash says:

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

  2. frozenade says:

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

  3. Avertedd says:

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

  4. evmatsu says:

    Приветствуем Вас в интернет магазине пневматики (пневматического оружия), холодного оружия, подарков и сувениров по доступным ценам. В нашем интернет магазине супер пневматического оружия Вы можете купить: пневматическое оружие, пульки для пневматического оружия, пневматические пистолеты и винтовки, пневматика по доступным ценам, ножи для охотников, рыболовов, профессионалов.

  5. xrumersx says:

    аналог xrumer – xrumer, xrumer скачать, xrumer 5.0, xrumer cracked, xrumer бесплатно, xrumer скачать бесплатно, хрумер, скачать хрумер, бесплатный хрумер, хрумер бесплатно. Сайт xrumer.tv

  6. xozzgfd says:

    секс шоп херсон – онлайн секс шоп, киев секс шоп, секс шоп петербург, секс шоп украина, секс шоп спб, доставка секс шоп, секс шоп пермь, секс шоп харьков, секс шоп. Сайт rozovyy-krolik.ru

  7. kdrozkrr says:

    авто шины в санкт петербурге – магазин шины диски, шины диски интернет магазин, шины диски интернет магазин москва, интернет магазин шины диски екатеринбург, магазин шины. Сайт magazin-shiny-diski.ru

  8. hdrozkrr says:

    профессиональные средства для ламинирования волос – ламинирование волос до и после, фото после ламинирования волос, домашнее ламинирование волос, ламинирование волос в домашних условиях. Сайт laminirovanievolos.ru

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: