多级导航菜单演示v2.0

查看参数文件下载Design by 大话主席 2011-9-28

一级隐藏 -- 默认效果

调用:{PE.Label id="多级导航菜单" depth="2" currentId="@RequestInt_id" splitchar="1" outputQty="8" /}

一级隐藏 -- 下拉效果

调用: {PE.Label id="多级导航菜单" depth="3" currentId="@RequestInt_id" splitchar="1" outputQty="8" className="mainNavSlide" effect="slide" /}

多级隐藏

调用:{PE.Label id="多级导航菜单" depth="4" currentId="@RequestInt_id" splitchar="1" outputQty="8" type="2" className="mainNavType2" delayTime="0" /}

一级显示

调用:{PE.Label id="多级导航菜单" depth="2" currentId="0" splitchar="1" outputQty="8" type="3" indexName="首页" className="mainNavType3" appendItem="appendDIv" /}
<div id="appendDIv" >
  <ul id="ulID-2" class="ul1 hasUl1">
  <li class="intro">appendItem参数控制插入到第一个节点下面的html内容</li>
  <li class="weather"><iframe name="weather_inc" src="http://tianqi.xixik.com/cframe/10" width="300" height="25" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" ></iframe></li>
  </ul>
</div>
使用说明:这类横向型导航,通常会在首页下面显示“当前时间”、“天气预报”等,而默认首页下面是没有内容的。所以这里作了特殊处理。appendItem参数控制插入到第一个节点下面的html内容。图解说明

一级隐藏 -- 默认效果 -- 子站导航

调用:{PE.Label id="多级导航菜单" depth="2" nodeId="59" indexName="子站首页" currentId="59" splitchar="1" outputQty="8" className="mainNavSubSite" /}
这里以节点59--“模板分析”作为子站时,导航调用的例子。

一级隐藏 - 纵向

常见的商城菜单

调用:{PE.Label id="多级导航菜单" depth="3" outputQty="8" className="mainNavType1Ver" delayTime="0" removeOn="true" /}

一级显示- 纵向

调用:{PE.Label id="多级导航菜单" depth="2" currentId="40" outputQty="8" type="3" className="mainNavType3Ver" effect="slide" /}