[레이아웃 팁] n차 메뉴 무한 구현하기

{@
// 미리 선언
$menu_vars = array();
$L_CATEGORY = array();
}

<nav id="gnb" class="Wrapper mpReset">
{@
$menu_depth = 1;
$menu_vars[$menu_depth] = $gnb->list;
}
<include target="_navi.html" />
</nav>

<!--//
$menu_vars = array(); // 임시 배열를 생성합니다. (한번만 생성해도 됩니다)
$menu_depth = 1; // 1번 클래스부터 시작합니다. (.ul1 > .li1 > ... > .li3 > .ul4)
$menu_vars[$menu_depth] = $gnb->list; // 출력할 메뉴를 변수로 입력합니다.
-->

<ul class="ul{$menu_depth}">
<!--@foreach($menu_vars[$menu_depth] as $val)--><!--@if(strlen($val['link']))-->
<li  class="li{$menu_depth}{$val['selected']||getenv('REQUEST_URI')==$val['href']? ' on on'.$menu_depth:''}">
{@
if(($val['selected']||getenv('REQUEST_URI')==$val['href']) && !isset($L_CATEGORY[$menu_depth]))
$L_CATEGORY[$menu_depth]=$val;
}
<a href="{$val['href']}"|cond="$site_module_info->mid!=$val['url']" href="{getUrl()}"|cond="$site_module_info->mid==$val['url']" class="a{$menu_depth}{$val['selected']||getenv('REQUEST_URI')==$val['href']? ' on on'.$menu_depth:''}" target="_blank"|cond="$val['open_window']=='Y'"><!--@if($val['text']==$val['link'])--><span>{$val['text']}</span><!--@else-->{$val['link']}<!--@end--></a>
<!--@if(is_array($val['list']) && count($val['list']))-->
{@
$menu_depth++;
$menu_vars[$menu_depth] = $val['list'];
}
<include target="_navi.html" />
{@
$menu_depth--;
}
<!--@end-->
</li>
<!--@endif--><!--@endforeach-->
</ul>

#gnb { }
#gnb .ul1 { }
#gnb .li1 { }
#gnb .a1 { }
#gnb .a1:hover,
#gnb .a1:focus { }
#gnb .a1 span { }
#gnb li.on1 { }
#gnb  a.on1 { }
#gnb li.sub { }
#gnb  a.sub { }
#gnb li ul { padding:0 0 0 15px; }
#gnb .ul2 { }
#gnb .ul2 li { }
#gnb .ul2 a { }
#gnb .ul2 a:hover,
#gnb .ul2 a:focus { }
#gnb .ul2 a span { }
#gnb .ul2 li.on { }
#gnb .ul2  a.on { }
#gnb .ul2 li.sub { }
#gnb .ul2  a.sub { }