这个是“SF导航菜单标签 -- 可根据当前所属节点高亮显示菜单选中效果”中介绍的标签的另一个版本。在原来的基础上增加了二级菜单的随动显示。
标签名称:显示两级导航菜单
功能说明:可根据当前所属节点选中子菜单的导航菜单标签;可指定选中效果的自定义样式;可指定菜单项最大字数;可使用“指定父节点ID”或“指定菜单项ID数组”两种方式来决定菜单显示哪些节点;可通过后台节点设置“是否在顶部菜单处显示”;可选择子菜单项是否与父菜单有相同的左边距
关联标签:显示简单子栏目列表
使用范围:无限制,任何模板
参数说明:
parentId - 菜单项父栏目ID,支持数组{默认值:0,自动传入:@ RequestInt_Id}
nodeArray - 菜单项栏目ID数组{自动传入:@ RequestInt_Id}
currentId - 当前页面所在节点ID{自动传入:@ RequestInt_Id}
activeClass - 突出显示的菜单样式{默认值:on}
titleLength - 菜单项最长显示字数{默认值:10}
leftPadding - 是否让子菜单的左边距与父菜单同步{默认值:false}
调用示例:
栏目页:
{PE.Label id="显示导航菜单" parentId="10" nodeArray="0" currentId="@ RequestInt_id" /}
{PE.Label id="显示导航菜单" parentId="0" nodeArray="-2, 12, 25, 15, 19, 10, 7, 26" currentId="@ RequestInt_id" titleLength="12" activeClass="activeItem" /}
{PE.Label id="显示两级导航菜单" parentId="10" currentId="@ RequestInt_id" leftPadding="true" titleLength="22" /}
内容页:
{PE.Label id="显示导航菜单" parentId="10" nodeArray="0" currentId="{PE.Field id="cone" fieldname="NodeID" /}" /}
{PE.Label id="显示两级导航菜单" parentId="10" currentId="{PE.Field id="cone" fieldname="NodeID" /}" leftPadding="true" titleLength="22" /}
效果示例:
![]()
标签下载:
http://www.ks-pe.com/Common/ShowDownloadUrl.aspx?urlid=0&id=74
标签使用说明:
解压下载的压缩包到网站目录,建立相关节点,应用对应的模板并在调用时指定合适的节点ID。
压缩包内文件包括 标签文件,栏目页、内容页模板示例、相关CSS文件。
标签使用到了jQuery滑动切换插件,如果想进一步了解,请点击这里。
演示效果 见下面页面的第三个菜单:
http://www.ks-pe.com/Category_9/index.aspx
更新说明:
[2009-04-09]更新原来的SF导航菜单标签 -- 可根据当前所属节点高亮显示菜单选中效果标签;增加二级菜单随动效果;增加子菜单的左边距与父菜单同步的选项(这个是个什么功能,用下就知道了,文字实在太难描述);
- 我顶(21人顶)
- 我踩(6人踩)
- 上一篇: BizIdea京东商城商品导航菜单标签
- 下一篇: 用可编程标签分解多图片字段
