经常有2排横排菜单这样的情况,要得到这样的效果,修改layout.master文件。
把如下代码放到<form>标签下
<asp:SiteMapDataSource ID="level3datasource" runat="server" ShowStartingNode="true" />
修改layout.master中的pagemenu菜单,如下:
<portal:PageMenu id="PageMenu1" runat="server" TopLevelOnly="true"
UseTreeView="false" HideMenuOnSiteMap="false" UseSpanInLinks="true"
Direction="Horizontal" DynamicDisplayLevels="0" /> 然后放置在相应位置
这是第二层菜单
添加第二个PageMenu控件,这个控件显示第三层及更高层页面,代码如下:
<portal:PageMenu id="PageMenu2" runat="server"
UseTreeView="true" TreeViewShowExpandCollapse="true"
StartingNodeOffset="2" SiteMapDataSource="level3datasource" />
菜单的风格,可以看一下andreasviklund-02或i7media-2horiztonalmenus模板中的style.css文件。
andreasvicklund-02-alt1中使用了3层横向菜单,你也可以研究以下。