Menú deslizante para web (estilo aplicación móvil)

Ya estamos acostumbrados a los menús deslizantes en aplicaciones móviles, una de las aplicaciones más conocidas que utilizan este tipo de elementos es la de Facebook. Ahora y gracias a Mmenu podemos llevar a la web esta clase de implementaciones de una manera muy sencilla.

Mmenu es un plugin para jQuery para generar un menú deslizante de forma eficiente y en unos pocos minutos.

La forma de generar un menú deslizante con este plugin se logra mediante una sola linea de código, otra ventaja es que podemos utilizar la etiqueta NAV para generar la estructura HTML que contiene el menú.

$("#nav").mmenu();

El plugin como se darán cuenta es muy fácil de utilizar, en el código anterior pudieron ver como inicializarlo mediante las opciones por defecto, también podemos personalizar la forma de correr este proyecto por medio de unos pocos parámetros:

$("#nav").mmenu({
   slidingSubmenus  : true,
   closeOnClick     : true,
   position         : "left",
   configuration    : {
      selectedClass    : "Selected",
      pageNodetype     : "div",
      menuNodetype     : "nav",
      slideDuration    : 500
   }
});

También mmenu nos provee de una serie de métodos simples para ejecutar acciones según determinados eventos. Esto lo pueden consultar directamente en la documentación oficial.

De todos los menús deslizantes que probé hasta el momento este es uno de los más completos y que mejor funcionan. Una alternativa simple y excelente.

Web: Mmenu

Pablo: Programador desde hace más de 11 años, adicto a internet, cafeinómano, fanático de la información, intento de emprendedor, trabaja de forma compulsiva solo en lo que ama. Sueña con tener una aplicación con más de 1 millón de usuarios.
Entradas relacionadas