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.

Menu deslizable para web estilo aplicación movil

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

Categorizado en: