Простая подсказка при наведении мыши.
Установка:
В <head> вставляете:
Code
<script type="text/javascript" src="http://3week.clan.su/FILE-IMAGE3/info_prostaja_podskazka_na_javascr-BnWnE.js"></script>
Кидаем в css:
Code
#hintbox{
position:absolute;
top: 0;
background-color: #00d2ff;
width: 500px;
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 1px solid black;
border-bottom: 1px solid black;
visibility: hidden;
opacity: 0.91;
filter: alpha(opacity="91");
}
.hintanchor{
font-weight: bold;
color: navy;
margin: 3px 8px;
}
Этот код ставим туда где хотим видеть подсказку:
Code
<a href="#" class="hintanchor" onMouseover="showhint('Это текст подсказки, который будет появляться при наведении на ссылку курсора мыши.', this, event, '150px')">[?]</a>
Меняем текст подсказки (в подсказке работают теги) и значёк [?] меняем на то что хотите видеть (например на картинку как на скриншоте)
Css правим под свой дизайн.
Всё!