Animar Objetos con JQuery Ejemplo básico

Animar objetos con JQuery: En entradas anteriores hemos podido observar las ventajas de usar JQuery en nuestros proyectos Web, en este artículo veremos como podemos realizar una animación tipo «Interpolación de Movimientos» Como lo hacíamos en Flash, para los que son de la vieja escuela y recuerdan, veamos:

Animar Objetos con JQuery

<script src="jquery.min.js"></script></code>

<div><button id="btn_animar">Animar</button>
 Byspel.com</div>

<script type="text/javascript">// <![CDATA[
 $(document).ready(function(){
 $("#btn_animar").click(function () {
 $("#parrafo").animate({left:'160px'}); //Movemos el elemento 160px
 });
 });
</script>

Con esto al pulsar el botón animar el párrafo se moverá 160px con un efecto de desplazamiento veamos a continuación el ejemplo del código anterior puesto en marcha.