jQuery.mmenu - Crear menú deslizante con facilidad

Crear creativamente un menú diferente a veces es bastante difícil cuando no tienes ninguna buena idea o inspiración. Pero este tipo de problema se puede solucionar buscando en otro diseño de menú inspirador o con la ayuda de herramientas. En este sentido, jQuery.Mmenu es una herramienta muy útil.

jQuery.Mmenu es un plugin de jQuery fácil de usar para crear un menú deslizante de navegación en su sitio web. Este elegante menú creativo brindará una experiencia de usuario más agradable y sencilla.

Empezando

Para comenzar con jQuery.Mmenu, vaya a la página de descarga y el complemento se descargará automáticamente. En esta publicación, intentaremos crear un menú básico.

Al igual que otros complementos de jQuery, para utilizarlo debe incluir las dependencias necesarias en su sitio. Esos son jQuery, jquery.mmenu.js y jquery.mmenu.css . El fragmento es el siguiente:

 ..  .. 

Y eso debería ser suficiente para crear un menú básico con todas las funcionalidades y el estilo . Para funciones más avanzadas y adicionales, debe incluir archivos JS y CSS adicionales .

Creando un menú

Vamos a crear el menú básico, ya que generalmente lo creas con nav, ul, li y a elements. En esta demostración, crearemos un menú horizontal que tiene tres submenús y también tres submenúes, como ese.

En el menú de arriba, hemos incluido el navegador con un id de menu que se usará como referencia de la función jQuery.mmenu. Luego llame al plugin con la función javascript e incluya la identificación como tal.

En la etiqueta LI, puede ver una clase llamada Selected, esta clase es útil para hacer el menú seleccionado por defecto en la inicialización. También puede agregar su propia clase (por ejemplo, "activo"), pero asegúrese de incluirla en la sección de configuración, como tal.

Este complemento ha agregado automáticamente los enlaces de cierre y apertura del submenú, por lo que no es necesario crearlos. Nuestro menú debería verse así.

Conclusión

jQuery.mmenu le ofrece una gran solución para crear diferentes menús lo más fácil posible. Incluso puede crear otros elementos interactivos con este complemento; por ejemplo, puede crear una información de herramientas deslizante y una barra de notificaciones para el sitio móvil.

jQuery.Mmenu se puede personalizar también para su uso anticipado. Por ejemplo, puede crear una lista de contactos similar a la de un dispositivo móvil en su sitio combinando su tema sextenstensión, complemento (etiquetas, contadores, encabezado, dragOpen y campo de búsqueda) y posicionamiento.

Haga logotipos personalizados en su navegador de forma gratuita con DesignEvo

Pagarle a un diseñador para que haga su logotipo no es barato. También puede ser costoso pagar software de diseño como Photoshop o Sketch, por no mencionar cómo aprender a usarlo.Si eres más un diseñador de UI que lucha con logotipos, esto puede ser un desafío . Sin embargo, si no defiende la idea de crear su propio logotipo, DesignEvo es una herramienta que debe marcar.Esta a

(Consejos de tecnología y diseño)

6 consejos y trucos para aprovechar al máximo Snapchat

¿Eres un usuario de Snapchat? ¿Sabías que Snapchat tiene un conteo diario de carga de 400 millones de mensajes? Claramente, es una de las aplicaciones de mensajería más populares en la actualidad. Si también disfrutas de Snapchat, en realidad hay algunas características y trucos ocultos que te harán querer usarlo aún más.En esta p

(Consejos de tecnología y diseño)