Існують певні бібліотеки на JS для створення красивик підказок, але цей ефект можна реалізуати виключно засобами CSS (матеріал взято звідси)

.tooltip_base a {
position: relative;
text-decoration: none;
}

.tooltip_base img {
border:none;
}

a .tooltip{
display: none;
}

.tooltip_base a:hover .tooltip {
display: block !important;
position: absolute;
top: 5px;
left: 20px;
width: 150px;
border: 1px solid #C0C0C0;
background-color: #F7EDD4;
color: #000;
padding: 5px;
font-size: .8em;
}

<span class="tooltip_base"><a onclick="return false;"><span class="tooltip">This popup is set to 150px wide and is made "absolute"
</span></a></span>

Можна було б обійтись і без тега a, але ІЕ не підтримує подію hover для інших тегів (інші браузери підтримують)