Как вcем известно, что подсказка срабатывает на
title и после наведение появляется, но здесь можно и с изображением работать. Здесь добавлена анимация и также идут стили и как можно заметить, подсказка будет светлой, что на темном фоне или на светлом ее хорошо будет визуально наблюдать.
Но вы можете сделать ее под свой дизайн и выставить тот оттенок, который вам нужен. Что по изображению, здесь сам в первые вижу и представлено картинка, что идет уже не написано, что дают title а реальное изображение. А значит к написанному или к тегу вы можете привязать картинку, что для поисковых систем будет связано.
Так смотрится с изображением:
Приступаем к установке:
Нужно подключить скрипт и его ставим
в нижнее часть сайта - чтоб по всему ресурсу работал.
Код
<script type="text/javascript" src="http://zornet.ru/Aben/Aben-Abag/MinTip-v2.0.js"></script>
CSS: Код
.MinTip{
font: 11px Verdana,sans-serif;
color:#666;
padding:6px;
position: absolute;
display:none;
max-width: 300px;
background-color: #eee;
border:1px solid #ccc;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow: 0px 0px 4px #999;
-moz-box-shadow: 0px 0px 4px #999;
box-shadow: 0px 0px 4px #999;
z-index:9999;
}
На этом все, вся установка заключается в размещение, и теперь в стилях вы можете сами редактировать или оставить как идет по умолчанию, что показано в материале.
Источник: getelement.3dn.ru