經常有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層橫向菜單，你也可以研究以下。
??
??

轉載于:https://www.cnblogs.com/wenjie/archive/2010/10/17/1853628.html

總結

以上是生活随笔為你收集整理的mojoportal学习——文章翻译之多行横排菜单的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。