Title ссылки вместе с курсором или скрипт tooltip

Может из темы не понятно о чем речь (я долго думал как назвать пост), то я сразу приведу пример: tooltip.html

Все делается просто. Предварительно, чтобы разобраться, создадим изображение:
<img src="" />
В данном случае, мы взяли только иображение, а можно было и ссылку. Этот скрипт универсален и поэтому может применяться к любым объектам. В том числе и div.

То что мы имеем изображение выше, не говорит не очем. Этот код даже не пройдет валидацию.. Поэтому обязательно добавляем alt=»» и конечно же titile=»».

Ну а потом можно добовлять элементы onmouseover и onmouseout. О которых было написано в предыдущей статье: Плавное появление и исчезание объекта на JavaScript

Вот как будет выглядеть наш html код:
<img src="https://bitby.net/wp-content/uploads/2008/12/hand.gif"
     alt="Hand, рука"
     title="Курсор в активе"
     onmouseover="Tip('Курсор в активе');"
     onmouseout="UnTip('');"
/>
В данном случае события OnMouseOver и OnMouseOut возникают при наведении курсора мыши на изображение и при перемещения указателя мыши за границы изображения соответственно.

Как видим, что при OnMouseOver и OnMouseOut добавились элементы Tip и UnTip. Эти значения будут прописаны в скрипте.

И так, теперь разберемся со скриптом.

Его плюсы:

• Кроссбраузерно
• Валидно
• Красиво
• Хороший доступ к настройкам
• Универсален

Его минусы:

• Большой объем
• Достаточно большой вес файла (26,635 КиБ)

Возможно я привел не все минусы и плюсы, но эти наиболее важные. Просмотреть скрипт:

tooltip.js