Creazione di un menu a discesa nel progetto ASP.NET può rendere la vostra pagina web più user-friendly con la creazione di un modo coerente per i visitatori di navigare nel tuo sito web. In ASP.NET è possibile utilizzare la classe "Menu" per visualizzare un menu a discesa nella pagina Web. Aggiungere più menu secondari utilizzando la classe "MenuItem". È possibile modificare il colore di un menu di sfondo utilizzando la proprietà "DynamicHoverStyle", e cambiare i colori quando un utente muove il mouse sopra la voce di menu.

istruzione

1 Avviare Microsoft Visual Studio e fare clic su "New Project" dal riquadro sinistro dello schermo del computer. Espandere "Visual Basic" sotto Modelli installati e fare clic su "Web" per visualizzare i modelli di progetto. Fare doppio clic su "ASP.NET Web Application" per creare un nuovo progetto ASP.NET.

2 Fare doppio clic si trova nel riquadro "Solution Explorer" "Default.aspx" per visualizzare il codice sorgente. Copia e incolla il seguente codice per creare due menu a tendina sopra "</ asp: Content>:"

<Asp: ID Menu = "DropDownMenu" runat = Orientamento "server" = "orizzontale">
<DynamicHoverStyle BackColor = "verde" />
<> Articoli
<Asp: MenuItem Text = "Primo Menu" value = "Item1">
<Asp: MenuItem Text = "Sub Item1" Value = "Sub Item1"> </ asp: MenuItem>
<Asp: MenuItem Text = "Sub Item2" Value = "Sub Item2"> </ asp: MenuItem>
<Asp: MenuItem Text = "Sub Item3" Value = "Sub Item3"> </ asp: MenuItem>
</ Asp: MenuItem>
<Asp: MenuItem Text = "Secondo Menu" value = "Item2">
<Asp: MenuItem Text = "Sub Item1" Value = "Sub Item1"> </ asp: MenuItem>
<Asp: MenuItem Text = "Sub Item2" Value = "Sub Item2"> </ asp: MenuItem>
</ Asp: MenuItem>
</ Articoli>
</ Asp: Menu>

3 Premere il tasto "F5" per eseguire il programma e visualizzare la pagina nel browser Web. Spostare il puntatore del mouse su "First Menu" per visualizzare il menu a discesa. Si vedrà l'elenco degli elementi secondari e il loro colore di sfondo diventerà verde.