Hvordan lage nedtrekksmenyen Linker i HTML

Rullegardinmenyer er en god måte å forenkle din webside. Med litt koding kunnskap, kan du opprette hyperkoblinger innenfor rullegardinmenyen, slik at brukerne kan navigere til en ny side fra menyen. Selv om du kan lage den grunnleggende form i HTML, må du bruke en liten Javascript, som du kan kopiere og lime inn koden, for å gjøre rullegardin linkene fungere ordentlig.

Bruksanvisning

1 Åpne websiden i en HTML eller tekstredigeringsprogram som Notisblokk.

2 Kopier og lim inn følgende kode mellom "<head>" og "</ head>" tags på websiden:

<Script type = "text / javascript">
<! - Funksjon dropdown (mysel)
{Var myWin, myVal;
myVal = mySel.options [mySel.selectedIndex] .Value;
if (myVal)
{If (mySel.form.target) myWin = foreldre [mySel.form.target];
annet myWin = vindu;
hvis return true (myWin!);
myWin.location = myVal; }
return false;} // ->
</ Script>

3 Plasser markøren der du vil sette inn rullegardinmenyen.

4 Kopier og lim inn følgende kode på nettsiden din:

<Form action = "../ cgi-bin / redirect.pl"

method=POST onSubmit=&quot;return dropdown(this.websites)&quot;>

<Velg name = "nettsteder">
<Option value = ""> Velg et nettsted
<Option value = "Yahoo" rel = "nofollow" target = "_blank"> http: //yahoo.com&quot;> Yahoo!
<Option value = "Google" rel = "nofollow" target = "_blank"> http: //google.com&quot;> Google
</ Velge>
<Input type = sende value = "Go">
</ Form>

Bytt ut nettsteder og teksten på "alternativ verdi" linjer med noen URL, nettside navn eller feltetiketten du vil. Du kan også legge til flere "alternativ verdi" linjene før "/ ​​velg" tag.