el efecto es sencillo. basta con poner un script, un div y aplicarle un css al div. aquí tienes un ejemplo:
Código PHP:
<style type="text/css">
.estilo {
padding:5px;
position:absolute; top:35px; left:10px;
width:45px;
height:20px;
background-color:rgba(0,0,0,0.9);
color:white;
border-radius: 8px;
border:1px solid grey;
text-align:center;
}
</style>
<script type="text/javascript">
function mostrar(enla,etik) {
obj = document.getElementById(etik);
obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden';
}
</script>
<a href="#" onmouseover="mostrar(this,'capa'); return false" onmouseout="mostrar(this,'capa'); return false">enlace</a>
<div id="capa" class="estilo" style="visibility:hidden">Globo</div>