Para cambiar una imagen con otra, o una desde otra, usas JavaScript, si es un botón o sea un link puedes usar css.
<a href="bla.htm" id="Boton">Liga</a>
a {width: 100px; height: 50px; display: block; background-image: url("Boton1.gif");}
a:hover {background-image: url("Boton2.gif");}
Para generar un cuadro de descripción puedes hacer:
<a bla bla>Liga<span>descripción</span></a>
y estilos css
a span {display: none;}
a: hover span {display: block;}
y de ahi para arriba, o sea configura lo necesario.