[TUTORIAL] Cómo crear un efecto de retardo al subir y bajar en una página web

Lo primero agradecer a Miquel su ayuda para elaborar este pequeño ( pero matón ) tutorial.
El objetivo del manual es el de crear un efecto de retardo al subir y bajar en una página web. Lo podéis ver en este blog, en el botón de subir y en el botón de dejar tu comentario. Veréis como no va de golpe a su destino sino que va un pelín lento.

Aquí también tenéis una demostracion:
http://tobielangel.com/examples/auto-scrolling-page-navigation

Lo primero que tenemos que hacer, es descargar los siguientes ficheros:

http://tobielangel.com/javascripts/prototype.js
http://tobielangel.com/javascripts/effects.js

Lo siguiente que tenemos que hacer, es remplazar el fichero original prototype, (NOTA: por si las moscas hacer una copia de seguridad). Lo tendréis en wp-includes/js/ y también subir el fichero effects.js al a carpeta wp-includes/js/

Y después añadir el siguiente codigo dentro de la etiqueta HEAD :

Ahora para utilizarlo:

El enlace:
Subir

El destino:

Incluiremos el atributo id=”top” en el elemento que queramos. Por ejemplo en una etiqueta H1.

Pues eso es todo. Fácil ¿verdad?

Si te ha resultado interesante esta noticia, puedes recibir las nuevas noticias del blog en tu correo. Puedes pinchar en este enlace para darte de alta.
Además de esto, también puedes seguir las noticias vía RSS .