Menu控件的样式

最新推荐文章于 2023-01-06 09:11:48 发布

转载最新推荐文章于 2023-01-06 09:11:48 发布 · 672 阅读

文章标签：

#menu #asp #server #css #url

本文介绍如何使用 ASP.NET 的 Menu 控件来创建水平导航菜单，并展示了如何通过绑定 XML 数据源来动态生成菜单项。此外，还提供了 CSS 样式的设置以美化菜单外观。

<asp:Menu ID="Menu1" DataSourceID="XmlDataSource1" runat="server" SkipLinkText=""
orientation="Horizontal"
staticdisplaylevels="2" StaticSubMenuIndent="0"
disappearafter="100"
EnableViewState="False" ForeColor="Black" BackColor="#E0E0E0" BorderColor="Black" >
<DataBindings>
<asp:MenuItemBinding DataMember="book" TextField= "title" NavigateUrlField="url" />
</DataBindings>
<DynamicMenuStyle CssClass="dynamicMenu" />
<DynamicMenuItemStyle CssClass="dynamicMenuItem" />
</asp:Menu>

CSS样式：
.dynamicMenu {
background-color:#a83930;
border-color: #fdea12;
border-style: solid;
border-width: 1px;
}
.dynamicMenuItem
{
background-color: #a83930;
border-color: #fdea12;
border-style: solid;
border-width: 1px;
}