He desarrollado un pequeño ejemplo de una animación Javascript utilizando jQuery. La animación en concreto se realiza para marcar el elemento sobre el que está situado el cursor dentro de un menú horizontal.

Las animaciones son muy fáciles de realizar con jQuery, gracias a su sencillísimo método .animate(), al que, a grosso modo, le especificas los atributos CSS que quieres modificar y el tiempo que quieres que dure la animación. Por ejemplo, imaginemos un elemento cuyo identificador es cajita, que está posicionado absolutamente con top: 50px; y left:105px. Con .animate() podemos hacer que se mueva hacia otra posición de la siguiente forma:

jQuery('#cajita').animate({
	left : '10px',
	top : '200px'
}, 1000);

Con este método es muy sencillo realizar bonitas (y también útiles) animaciones en nuestras webs. Podéis ver un poco más en profundidad cómo se utiliza en el ejemplo que os he preparado.