SmoothTabs: Pestañas con mootools

SmoothTabs

SmoothTabs es un sistema de navegación mediante pestañas basado en mootools y que permite realizar transiciones entre diferentes secciones con un efecto muy profesional.

Para usarlo tan solo tenemos que incluir el archivo en la cabecera de nuestro HTML:
[HTML]

[/HTML]

Definir una lista con las distintas secciones a modo de menú:
[HTML]

  • Inicio
  • Portafolio
  • Contacto

[/HTML]

Y luego en bloques que se ocultarán automáticamente introducimos el contenido para cada sección:
[HTML]

Esta es la seccion inicial.

[/HTML]

Luego tan solo tendrás que aplicarle los estilos visuales más apropiados para el proyecto.

He publicado una pequeña prueba a modo de ejemplo y en la página oficial dispones de un ejemplo usando el script HistoryManager, que permite usar las teclas de página anterior y siguiente para moverte por las pestañas visitadas.

Yo ya lo estoy incluyendo en mi próximo tema para el blog [que saldrá en breve].