Desplazamiento animado en anclas de enlaces con jQuery

En este artículo explico como animar los desplazamientos dentro de una misma página. Tan solo haría falta este sencillo script y cargar la libreria jQuery. En esta pagina poder ver un ejemplo de dicha animación

$(function(){

     $('a[href*=#]').click(function() {

     if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
         && location.hostname == this.hostname) {

             var $target = $(this.hash);

             $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');

             if ($target.length) {

                 var targetOffset = $target.offset().top;

                 $('html,body').animate({scrollTop: targetOffset}, 1000);

                 return false;

            }

       }

   });

});