Wie man Dropdown-Menü Links in HTML
Dropdown-Menüs sind ein guter Weg, um Ihre Webseite zu vereinfachen. Mit ein wenig Programmierkenntnisse erstellen Sie Hyperlinks in dem Dropdown-Menü, so dass die Benutzer auf eine neue Seite aus dem Menü navigieren können. Während Sie die Grundform in HTML erstellen können, müssen Sie mit ein wenig JavaScript, die Sie kopieren und in Ihren Code einfügen, um die Dropdownliste zu machen, die Links korrekt funktionieren.
Anweisungen
1 Öffnen Sie die Webseite in einem HTML- oder Text-Editor wie Notepad.
2 Kopieren und fügen Sie den folgenden Code zwischen den "< Head >" und "< / head >" Tags Ihrer Web-Seite:
< Skript-Typ = "Text/Javascript" ><!--dropdown(mySel)-Funktion{Var MyWin, Read;Read = mySel.options[mySel.selectedIndex].value;if(myVal){Wenn (mySel.form.target) MyWin = parent[mySel.form.target];sonst MyWin = Fenster;Wenn (! MyWin) returntrue;myWin.location = Read; }Return Sie false;} -->< / script >
3 Positionieren Sie den Cursor in dem Dropdown-Menü Einfügen soll.
4 Kopieren Sie den folgenden Code, und fügen Sie ihn auf Ihrer Webseite ein:
< bilden Aktion = ".. /cgi-bin/Redirect.pl"
method=POST onSubmit="return dropdown(this.websites)">
< select Name = "Websites" >< option Value = "" > Wählen Sie einen Standort< option Value = "Yahoo" Rel = "Nofollow" Target = "_blank" > http://yahoo.com">Yahoo!< option Value = "Google" Rel = "Nofollow" Target = "_blank" > http://google.com">Google< / select >< Eingang Typ = einreichen Wert = "Gehe" >< / form >
Ersetzen Sie die Websites und den Text auf den Linien "option Value" mit jeder URL, Website-Name oder das Feld beschriften Sie wollen. Sie können auch zusätzliche "option Value" Linien vor dem "/ select"-Tag hinzufügen.