mojoportal学习——文章翻译之使用superFish菜单
2010-10-17 15:40
281 查看
翻译的不好 大家见谅
你可以在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模板中相应文件拷贝出来
你可以在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模板中相应文件拷贝出来
相关文章推荐
- mojoportal学习——文章翻译之不同的模块使用不同的风格
- mojoportal学习——文章翻译之多行横排菜单
- mojoportal学习——文章翻译之使用Artisteer快捷的创建模板
- mojoportal学习——文章翻译之在mojoportal中使用微软Ajax技术
- mojoportal学习——文章翻译之mojoportal高级功能之菜单子站点化
- mojoportal学习——文章翻译之style.config文件
- mojoportal学习——文章翻译之超过3个内容面板
- mojoportal学习——文章翻译之了解CSS
- mojoportal学习——文章翻译之了解theme.skin文件
- mojoportal学习——文章翻译之 制作圆角
- mojoportal学习——文章翻译之CSS文件
- mojoportal学习——文章翻译之站点图标
- mojoportal学习——文章翻译之jquery 小工具风格
- mojoportal学习——文章翻译之布局的一些原理
- mojoportal学习——文章翻译之layout.master文件
- mojoportal学习——文章翻译之SmartCombo
- mojoportal学习——文章翻译之mojoportal的皮肤模板
- mojoportal学习——文章翻译之复制一个mojoportal存在的特色模块
- mojoportal学习笔记之显示所有菜单
- 示例学习-树形菜单的形成---使用vue.js