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 clic para encontrar la combinación de colores con ColourCode

Obtener el esquema de color correcto puede requerir un gran esfuerzo manual por parte de los diseñadores (y opiniones subjetivas). La buena noticia es que hay herramientas que pueden ayudar a hacer su vida más fácil. Anteriormente cubrimos Adobe Kuler para iOS, así como una herramienta práctica llamada 0to255 que le ayuda a obtener códigos HEX para tonos de color fácilmente. Esta

(Consejos de tecnología y diseño)

La guía definitiva para el éxito del crowdfunding

Las plataformas de crowdfunding han recaudado $ 2.7 mil millones y han financiado más de 1 millón de campañas solo en 2012; para 2013, esto puede incumplir $ 5.1 mil millones. Crowdfunding se está convirtiendo en la principal opción para los fundadores de base como usted para encontrar fondos para los proyectos de sus sueños .Sin e

(Consejos de tecnología y diseño)