jQuery.mmenu - Crea menu scorrevole con facilità

Creare menu creativamente diversi a volte è piuttosto difficile quando non hai alcuna idea o ispirazione. Ma questo tipo di problema può essere risolto ricercando altri design di menu di ispirazione o con l'aiuto di strumenti. In questo caso, jQuery.Mmenu è uno strumento molto utile.

jQuery.Mmenu è un plugin jQuery di facile utilizzo per la creazione di menu di navigazione scorrevole per app mobili nel tuo sito web. Questo menu creativo slick porterà un'esperienza utente più gradevole e ordinata.

Iniziare

Per iniziare con jQuery.Mmenu, vai alla pagina di download e il plugin verrà scaricato automaticamente. In questo post, proveremo a creare un menu base.

Proprio come altri plugin jQuery, per usarlo devi includere le dipendenze richieste al tuo sito. Quelli sono jQuery, jquery.mmenu.js e jquery.mmenu.css . Lo snippet è il seguente:

 ..  .. 

E questo dovrebbe essere sufficiente per creare un menu base con tutte le funzionalità e lo stile . Per funzionalità più avanzate ed extra, è necessario includere file JS e CSS aggiuntivi .

Creare un menu

Creiamo il menu base come di solito lo crei con nav, ul, li e a elemento. In questa demo, creeremo un menu orizzontale con tre sottomenu e anche tre sottomenu secondari, ad esempio.

Nel menu precedente, abbiamo incluso il nav con un id di menu che verrà usato come riferimento alla funzione jQuery.mmenu. Quindi chiama il plugin con la funzione javascript e includi l'id in questo modo.

Nel tag LI, puoi vedere una classe chiamata Selected, questa classe è utile per rendere il menu predefinito predefinito dopo l'inizializzazione. Puoi anche aggiungere la tua classe (ad esempio "attiva"), ma assicurati di includerla nella sezione di configurazione, in questo modo.

Questo plugin ha aggiunto automaticamente i collegamenti di chiusura e apertura del sottomenu, quindi non è necessario crearli. Il nostro menu dovrebbe assomigliare a questo.

Conclusione

jQuery.mmenu ti offre un'ottima soluzione per creare menu diversi nel modo più semplice possibile. Puoi anche creare altri elementi interattivi con questo plug-in, ad esempio puoi creare un tooltip scorrevole e una barra di notifica per il sito mobile.

jQuery.Mmenu può essere personalizzato anche per l'utilizzo avanzato. Ad esempio, puoi creare un elenco di contatti di tipo mobile nel tuo sito combinandone estensione, addon (etichette, contatori, intestazione, dragOpen e campo di ricerca) e posizionamento.

10 funzioni di notifica Android con cui puoi giocare

Abbiamo già trattato alcuni aspetti interessanti del possesso di un dispositivo Android, ad esempio app che puoi utilizzare per facilitare il cambio di app, homescreen Android divertenti fai-da-te, app che puoi utilizzare per connetterti a un computer, moduli Xposed che puoi utilizzare per ignorare il flashing e come bloccare gli annunci in app e browser in esecuzione su Android.

(Consigli tecnici e di design)

Come realizzare un tachimetro SVG animato

Un misuratore di livello è uno strumento che indica visivamente un valore all'interno di un determinato intervallo. Nei computer, un "indicatore di spazio su disco" utilizza un misuratore di livello per mostrare quanto spazio su disco viene utilizzato dal totale disponibile. Gli indicatori hanno zone o regioni lungo il suo intervallo, ciascuna differenziata dal proprio colore.

(Consigli tecnici e di design)