Mira, lo primero te lo voy a explicar, pero lo segundo del efecto tendrás que explicartelo alguien más porque honestamente tendría que experimentar para conseguirlo, sin embargo lo primero es fácil. Solo hay que saber JavaScript, podría dejarte con esta respuesta y punto, y es que si lo supieras no tendrías problemas, en fin, pero te voy a dar la respuesta.
Bien. En el botón pones el siguiente código:
<img src="imagen.gif" onMouseOver="vutil('Este botón sirve para bla bla')">
Pero tienes que hacer la función vutil, entonces colocas este codigo entre <head> y </head>
<script language="JavaScript">
function vutil(men) {
document.getElementById("dvut").innerHTML = men;
}
</script>
Así de simple, pero ah, falta algo, necesitas darle el id al elemento que está debajo de los botones donde aparecerán lo que hace el botón. De qué manera? Pues si es un div (creo que sería lo más lógico) pondrías algo asi:
<div id="dvut" ....
Así de simple.