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.

Detrás de las firmas de los 25 nombres más grandes de Tech

¿Alguna vez se preguntó cuánto puede decir de la escritura o la firma de alguien? Si una firma es de un nombre completo, un apodo, solo las iniciales o un garabato, cada tipo dice algo acerca de la personalidad de la persona, como lo hacen las "i", las mayúsculas pronunciadas, la legibilidad del nombre y el apellido, o incluso el uso de un período en la firma.Mypr

(Consejos de tecnología y diseño)

Principales herramientas de anotación y marcado web

La retroalimentación contextual es crucial para que los equipos remotos que trabajan en línea tengan un sistema de retroalimentación rápido y eficiente . Pedir y recibir comentarios es tedioso y, por lo general, sucede fuera del contexto mediante el correo electrónico y los mensajes de texto. Sin embargo, existen algunas herramientas que permiten a los equipos discutir cosas y colaborar en línea de una manera mucho mejor.Las h

(Consejos de tecnología y diseño)