Typer Navigasjons Drop-Down Bars

Drop-down menyer er et vanlig element i nettstedet navigasjon. Også kjent som fly-out menyer eller rullegardinmenyer, disse menyene vises som en enkelt link eller knapp og utvide nedover når besøkende klikker eller svever over menyen med henne musen. Denne stilen gjør det mulig for flere navigasjonslenker i et lite område. Nettstedet utviklere kan vurdere flere typer rullegardin barer når du oppretter en nettside.

Javascript script~~POS=HEADCOMP

Tradisjonelle drop-down menyer stole på Javascript; dermed er de ikke kompatible med eldre eller mobile nettlesere som kanskje ikke er i stand til å gjengi Javascript riktig. Standardjavascript rullegardinmenyen matcher brukerens nettleser eller datamaskin tema; men utviklere kan bruke stiler å tilpasse rullegardinmenyen til deres hjemmeside fargevalg. Nettstedet utviklere kan velge å kode en rullegardinmeny som krever at brukeren til å klikke på en "Send" -knappen for å aktivere linken, eller de kan kode en rullegardinmeny som automatisk går til linken når brukeren velger menyvalget.

CSS

Webutviklere kan bruke moderne drop-down menyer ved hjelp av Cascading Style Sheets (CSS), en web-programmering verktøy som utviklere kan bruke til å kontrollere stilen på web sideelementer. CSS rullegardinmenyer stole på HTML for lister for å lage navigasjonsmenyer. Fordi CSS drop-down menyer er så avhengig av stil, et bredt spekter av stilarter eksisterer. CSS menyer kan ikke inkludere en pil eller andre indikatorer som en meny er til stede; den besøkende vil oppdage menyen på svever over et navigasjonselement. CSS rullegardinmenyer som kan vise undermenyer samt horisontal og vertikal menyelementer.

Annen

Javascript og CSS hybrid rullegardinmenyer er vanlig blant utviklere som ønsker for menyene til å være kryss nettleser kompatibel. Grunnleggende CSS menyer som bruker "svever" pseudo-element er ikke kompatible med Internet Explorer 6; dermed kan designere legge Javascript for å fremme kompatibilitet.

Webutviklere kan også bruke mindre vanlige metoder for å lage drop-down menyer i nettsteder. Flash-baserte drop-down menyer tendens til å ha en kunstnerisk, grafisk grensesnitt og den generelle utseende vil variere mellom designere og Flash etableringen programmer. Utviklere kan bruke en kombinasjon av Javascript og dynamisk HTML eller Ajax språket for å skape drop-down menyer også.