Так же как пример вы можете увидеть его при наведении на какую не будь ссылку на сайте!
Установка: Качаем файл hint.js и заливаем его в корень сайта.
Вставляем код ниже в страницы сайта:
Code
<script src="/hint.js" type="text/javascript"></script>
<link type="text/css" rel="StyleSheet" href="путь вашего CSS" />
</script>
<style type="text/css">
.hint
{
background: url('http://s40.radikal.ru/i090/0810/20/e9a4f10147df.gif') repeat-x;
background-color: grey21;
line-height:16px;
color: #E8E8E8;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:auto;
border-top:1px solid #ccff00;
border-right:1px solid #ccff00;
border-bottom:1px solid #ccff00;
border-left:1px solid #ccff00;
margin:5px;
padding:0px;
position:absolute;
visibility:hidden;
z-index: 2;
}
</style>
background: url('http://s40.radikal.ru/i090/0810/20/e9a4f10147df.gif') repeat-x;-картинка фона
background-color: grey21;-цвет фона
color: #E8E8E8;- цвет текста чтобы хинт работал надо поставить перед каждой ссылкой:
Code
title="описание ссылки"
пример:
Quote
<a title="описание" href="ссылка на раздел"><SPAN style="FONT-SIZE: 8pt">название раздела</SPAN></A><SPAN style="FONT-SIZE: 8pt">
Все готово!!! Приятного пользования 
