jQuery.mmenu - Lag glidende meny med lethed

Å lage kreativt forskjellig meny er noen ganger ganske vanskelig når du ikke har noen god ide eller inspirasjon. Men denne typen saken kan løses ved å lete etter andre inspirerende menydesign eller ved hjelp av verktøy. I denne saken kommer jQuery.Mmenu inn som et ganske praktisk verktøy.

jQuery.Menu er et brukervennlig jQuery-programtillegg for å opprette navigasjonsmenyen for mobilapps på nettstedet ditt. Denne smarte, kreative menyen vil gi en finere og bedre brukeropplevelse.

Starter

For å komme i gang med jQuery.Mmenu, gå over til nedlastingssiden, og pluginet lastes ned automatisk. I dette innlegget vil vi prøve å bygge en grunnleggende meny.

På samme måte som andre jQuery-plugins, må du inkludere de nødvendige avhengighetene til nettstedet ditt for å kunne bruke dette. Det er jQuery, jquery.mmenu.js og jquery.mmenu.css . Klippet er som følger:

 ..  .. 

Og det bør være nok til å lage en grunnleggende meny med alle funksjoner og styling . For mer avanserte og ekstra funksjoner, må du inkludere ytterligere JS og CSS-fil .

Opprette en meny

La oss lage grunnleggende meny som du vanligvis lager den med nav, ul, li og a element. I denne demonstrasjonen oppretter vi en horisontal meny som har tre undermenyer og tre subundermenyer, slik som det.

I ovennevnte meny har vi tatt med naven med et menu id som vil bli brukt som jQuery.mmenu-funksjonsreferansen. Deretter kaller du pluginet med javascript-funksjonen og inkluderer id slik som.

I LI-taggen kan du se en klasse som heter Selected, denne klassen er nyttig for å gjøre standard valgt meny ved initialisering. Du kan også legge til din egen klasse (for eksempel "aktiv"), men sørg for å inkludere den i konfigurasjonsdelen, slik som det.

Dette pluginet har automatisk lagt til undermenyen lukkede og åpne koblinger, slik at vi ikke trenger å opprette dem. Vår meny skal se slik ut.

Konklusjon

jQuery.mmenu gir deg en god løsning for å lage forskjellige menyer så enkelt som mulig. Du kan til og med lage andre interaktive elementer med dette pluginet, for eksempel kan du opprette en skyveverktøystip og varslingslinje for mobilnettsted.

jQuery.Menu kan også tilpasses for videre bruk. For eksempel kan du opprette en mobilaktig kontaktliste på nettstedet ditt ved å kombinere dens templateseksjon, addon (etiketter, tellere, topptekst, dragOpen og søkefelt) og posisjonering.

Slik overvåker du nedlastingstelling i Dropbox

Dropbox har gjort det enkelt for oss å dele filer offentlig. Vi kan legge ut en fil der ute for å bli offentlig nedlastet via en offentlig lenke . Brukere kan laste ned eller lagre filer i sin egen Dropbox-konto. Som eieren av den filen får vi imidlertid ikke se hvor mange ganger vår delte fil er lastet ned av massene.Dro

(Tekniske og design tips)

Freebie: Professional Business Infographic Template

Leter du etter en freebie? Vi har her, i samarbeid med våre venner hos Freepik, en eksklusiv utgave for HKDC-lesere. Du ser på en statistisk infografisk malemåte for forretningstemaer som er pakket med elementer som er gode for datavisualisering, for årsrapportpresentasjoner eller for å lage en fantastisk utseende infografisk.Inkl

(Tekniske og design tips)