For å style elementet, bør CSS være nok. Men, det er ikke nok nok med hensyn til tilgjengelighet. Vi presenterer EasyDropDown.js, en gratis jQuery-plugin for å dekke alle disse feilene.
EasyDropDown.js kan enkelt style det gammeldags utvalgselementet på websiden din med mange funksjoner. Etter elementet har blitt brukt med dette pluginet, vil det få full tastaturkontroll med tekstsøk. Dette verktøyet gir også en indre rulle for elementer i lange lister for å begrense rullegardinmenyen. Skjema og validering er også tilgjengelig som hjelper med kompatibilitet.
Installasjon
For å installere EasyDropDown, ta først med jQuery-biblioteket til websiden din. Pass på at du også inkluderer javascript (få det her) slik:
Og CSS-filen inne i head taggen:
.. ..
Hvis du bruker et annet tema, må du sørge for å kopiere filene i webmappen din. Ikke bekymre deg fordi du ikke trenger å inkludere dem i HTML for å ringe dem.
Styling Velg
Når du bruker EasyDropDown.js, kan du bygge en tilpassbar rullegardinmeny med en ren, semantisk markering. De select elementene kan bare utformes i HTML. Du kan deaktivere elementet, definere et valgt alternativ eller legge til en etikett enkelt .
For å style det må du først og fremst inkludere en dropdown i kodene. En etikett kan legges ved å gi en label inne i alternativet. Her er det grunnleggende oppslaget:
Det er det, du trenger ikke noe egendefinert javascript å legge til. Nå den elendige, gammeldags har blitt til en vakker, fancy drop-down inngang.
Hvis du vil legge til et forhåndsvalgt alternativ, gi du bare rullegardinmenyen med selected attributt. Vi anbefaler at du ikke bruker etiketten med denne innstillingen, da den valgte verdien vil overstyre etiketten .
... ...
Du kan også deaktivere rullegardinmenyen ved hjelp av disabled attributt som slik:
...
Klar til å bruke temaer
EasyDropDown.js kommer med 2 flere klar-til-bruk temaer: Metro og Flat . Hvis du vil bruke temaene, kan du bruke HTML5 data-attribute .
Inne i tag, ring data-settings='{"wrapperClass":"theme-name"}' å bruke et annet tema. Du er velkommen til å endre theme-name med de tilgjengelige tema navnene: metro eller flat . Her er eksemplet:
...
Ved siden av wrapperClass er det flere innstillinger du kan legge til, se dokumentasjonssiden for detaljene. Hvis du er kult med javascript kode, kan du se veiledningen der.
Byggevarer er store planker som er bygget for en midlertidig periode, for å beskytte renoveringer som skjer bak hamstraingen. Disse brettene vil etter hvert bli trukket ned for å avdekke butiksfronten eller den nye bygningen når den er klar til å bli åpnet for publikum. Fram til da vil utvikleren holde hammeren for sikkerhets skyld og holde designene hemmelige til den store dagen kommer.Unde
Mac: Multi-monitor oppsett er spesielt nyttig hvis du er den typen som multitasks regelmessig. Imidlertid er det noen ganger hvor å ha flere skjermer kan være mer av en distraksjon i stedet.Hvis du er en Mac-bruker som vil ha en app som vil tillate deg å utvide skjermene i multikameraoppsettet, kan du være interessert i Screen Commander. Fi