Eventos ommouseover y onmouseout

[pzin]

Si es más fácil solucionarlo con CSS y yo descartaría usar jQuery.

La idea es darle un ancho fijo al elemento A. También podría hacerse con otro elemento, pero bueno. A tendría una posición relativa, y un elemento SPAN una posición absoluta, un left negativo que sea igual al ancho que tenga SPAN. Para el movimiento, habría que poner a SPAN el atributo transition.

Luego con un a:hover span se le da a left un valor de 0.

Código HTML:

<a href="/playera">
  <img src="playera.png">
  <span>100€</span>
</a>
 

Código CSS:

a {
  position: relative;
  display: block;
  width: 200px;
  overflow: hidden; /* para ocultar el precio */
}
 
span {
  position: absolute;
  top: 0;
  left: -80px;
  display: block;
  width: 80px;
  transition: left .5s ease;
}
 
a:hover span {
  left: 0;
}
 

He puesto un ejemplo funcional aquí: http://jsfiddle.net/AZbfa/