Me ha encantado este menu con CSS y Jquery que he recuperado a través de Twitter.

Gracias a un plugin JQuery llamado jSlickmenu podemos conseguir un efecto muy elegante como podeis ver en este video:

[youtube]http://www.youtube.com/watch?v=1_q4TRunUq4[/youtube]

Para ver la demo ir a este enlace. Debido a que utiliza CSS3 la demo solo funciona en los navegadores que ahora mismo lo soportan que son: Safari, Google Chrome o Firefox 3.5. En concreto las propiedades que pueden dar conflictos son: Transform and Box-Shadow.

Se pueden modificar una serie de parámetros según como desees el menu como:

  • La velocidad
  • Opacidad del Fade
  • Margen de la informacion del menu (tooltip)
  • Sombras
  • Etc...

Para saber como instalarlo y descargar los archivos necesarios, ir al siguiente enlace (en Inglés) donde indican paso a paso como conseguirlo.

Compártelo

Posts Relacionados