mojoportal学习——文章翻译之使用superFish菜单

翻译的不好大家见谅

你可以在mojoportal系统中使用jquery superFish用于站点菜单和页面菜单中。

要实用SuperFish,你需要添加UseSuperFish=True属性到你的菜单控件上。

1是要添加一些javascript代码到你的layout.master文件中

2是要从mitchinson-earth或mitchinson-earthy-alt模板中的stylemenu.css拷贝相应CSS代码

》》》》》Layout.Master文件

添加如下代码到layout.master文件中，可以放置到</form>标签上

<portal:SiteScript id="superfish" runat="server" ScriptRelativeToRoot="/ClientScript/jqmojo/mojosuperfish.js" />
<script type="text/javascript">
    $(document).ready(function(){
        $("ul.sf-menu").supersubs({minWidth:12,maxWidth:27,extraWidth:1}).superfish(
        {pathClass:'current',pathLevels:0,speed:'fast'});
    });
</script>

站点菜单控件代码示例如下：

<portal:SiteMenu id="SiteMenu1" runat="server"
   UseTreeView="false" HideMenuOnSiteMap="false" UseSuperfish="true"
   Direction="Horizontal" TopLevelOnly="false" />

》》》》》stylemenu.css

如果是横向菜单，从mitchinson-earthy 模板中相应文件拷贝出来

如果是纵向菜单，从mitchinson-earthy-alt1模板中相应文件拷贝出来