Простая подсказка при наведении мыши. Подсказка через хинт на определенный символ.
Работает просто, наводим курсором появляется окно с подсказкой. текст подсказки заполняется заблаговременно до установки символа к примеру вопросительно знака.
Установка:
Кидаем в таблицу стилей 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;
}
В <head> вставляете:
Code
<script type="text/javascript" src="http://ucozon.ru/_dr/54/5446_info_prostaja_p.js"></script>
Этот код ставим туда где хотим видеть подсказку:
Code
<a href="#" class="hintanchor" onMouseover="showhint('Это текст подсказки, который будет появляться при наведении на ссылку курсора мыши.', this, event, '150px')">[?]</a>
Меняем текст подсказки (в подсказке работают теги) и значёк [?] меняем на то что хотите видеть (например на картинку как на скриншоте)
Css правим под свой дизайн.
Всё!
Меню сайта
Меню сайта
