思洋互动网站建设学前班

利用Menu控件实现自定义导航（1）Menu 菜单控件可以建立水平或垂直方向的菜单。<asp:Menu>控件非常容易使用与调整。可以使用 MenuItem 控件来建立静态菜单，或是从 SiteMapDataSource 数据源控件建立动态菜单。Menu 菜单控件有80个公有属性(包括所有控件都拥有的共同属性)。Menu控件的常用属性如表7-4所示。
表7-4  Menu 控件的常用属性  

属    性	属 性 描 述
CssClass	允许设置一个应用到整个控件的CSS类属性
StaticDisplayLevels	显示几层静态菜单，超过就成为动态菜单
Orientation	菜单方向是默认垂直 Vertical，或水平 Horizontal
StaticMenuStyle	静态菜单的样式
StaticHoverStyle	当鼠标移至静态菜单的选项上时，显示的样式
StaticMenuItemStyle	静态菜单的选项样式
DynamicMenuStyle	动态菜单的样式
DynamicMenuItemStyle	动态菜单的选项样式
DynamicHoverStyle	当鼠标移至动态菜单的选项上时，显示的样式
MaximumDynamicDisplayLevels	确定控件能显示的子菜单项的级数。 有助于非常大的站点地图限制发送给浏览器的项数

Menu控件包含几个以Static或Dynamic开头的特性。Static特性用来控制加载页面时出现的主菜单项。因为把鼠标悬停在它们上面时它们不会改变或隐藏，所以认为它们是静态的。子菜单是动态的，因为只有当激活相关主菜单项时它们才会出现。
1. 静态菜单
Menu控件可以使用MenuItem控件定义菜单数据来建立静态菜单。下面举例说明在VWD2008中创建静态菜单的方法。
【例7-7】利用Menu控件在网页中添加一个菜单，实现自定义导航功能。
(1) 新建一个Web站点Ex7_7。
(2) 在【解决方案资源管理器】中，添加Web窗体页Program.aspx、Csharp.aspx、JAVA.aspx、VB.aspx。
(3) 在Default.aspx中，切换到【设计】视图，向其中添加一个Menu控件。并设置其Orientation属性为Horizontal。
(4) 在Default.aspx中选择Menu1控件，在【属性】窗体中找到Items选项，单击其右边的【…】按钮打开【菜单项编辑器】对话框，在其中菜单项并设置其相应属性。如图7-6所示。广州网站建设

（点击查看大图）图7-6  【菜单项编辑器】对话框

(5) 菜单项设置完毕，单击【确定】按钮。这时在【源】窗口中可以看到VWD 2008自动生成如下代码：

广州网站建设

1. <asp:Menu ID="Menu1" runat="server" Font-Italic ="False" ForeColor="Fuchsia"
2.             Orientation="Horizontal" StaticDisplayLevels="1">
3.   <Items>
4.   <asp:MenuItem NavigateUrl="~/Default.aspx"  Text="首页" Value="首页"></asp:MenuItem>
5.  <asp:MenuItem NavigateUrl="~/Program.aspx"  Text="程序设计语言" Value="程序设计语言"/>
6.   <asp:MenuItem NavigateUrl="~/Csharp.aspx"  Text="Visual C#" Value="Visual C#" />
7.   <asp:MenuItem NavigateUrl="~/VB.aspx"  Text="VB.NET" Value="VB.NET"> </asp:MenuItem>
8.   <asp:MenuItem NavigateUrl="~/JAVA.aspx"  Text="JAVA" Value="JAVA"></asp:MenuItem>
9.   <asp:MenuItem Text="新闻" Value="新闻"></asp:MenuItem>
10.   </Items>
11.  </asp:Menu>

上述 MenuItem 控件标记是定义在 <Items> 区段，可以定义菜单的选项，Text属性是菜单项名称，或是使用ImageUrl属性指定菜单项图片，NavigateUrl属性是菜单连接的URL网址。
(6) 切换到Default.aspx中，按Ctrl+F5键，在浏览器中执行程序，查看执行结果。
广州网站设计