묻고답하기
메뉴별 DIV를 여러게 줄수 있는 방법은 없나요?
2017.07.28 10:30
각 1차 메뉴별로 2차 메뉴에는 각기 다른 클레스와
이미지 위치를 DIV로 조절 하고 싶은데 방법이 있는지 궁금 합니다
<div class="inner"> <nav class="menu"> <ul id="lnbMenu" class="lnb"> {@ $_idx=1;} <li loop="$global_menu->list=>$key1,$val1" cond="$val1['link']" class="active li no{$_idx}"|cond="$val1['selected']" class="li no{$_idx}"|cond="!$val1['selected']"> <!-- 해당메뉴 진입 시 on클래스 추가 및 유지 --> <a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'" class="a">{$val1['link']}</a> {@ $_idx++;}
1차 메뉴
<div class="submenu"> <div class="wrap_subDept"> <div class="subDeptWrap"> <div class="depths2"> <div class="no1_1"> <ul> <li class="li2" loop="$val1['list']=>$key2,$val2"><a href="{$val2['href']}" class="a2">{$val2['link']}</a></li> </ul> </div> </div> <div class="banner1"><a href="page/intro02.php.html"><img src="images/main/menu1_banner.gif" /></a></div> <div class="banner1_1"><a href="page/intro03.php.html"><img src="images/main/menu1_banner2.gif" /></a></div> </div> <!-- e : .subDeptWrap --> </div> <!-- e : .wrap_subDept --> </div> <!-- e : .submenu --> </li>
2차메뉴 첫번째
<div class="submenu"> <div class="wrap_subDept"> <div class="subDeptWrap"> <div class="banner1"><a href="page/step_guide.php.html"><img src="images/main/menu2_banner.gif" /></a></div> <div class="depths2"> <div class="no2_1"> <ul> <li id="sub_2" class="li2" loop="$val1['list']=>$key2,$val2"><a href="{$val2['href']}" class="a2">{$val2['link']}</a></li> </ul> </div> </div> <div class="banner1"><a href="page/step_guide.php.html"><img src="images/main/menu2_banner2.gif" /></a></div> </div> <!-- e : .subDeptWrap --> </div> </div> <!-- e : .submenu --> </li>
2차메뉴 두번째
<div class="submenu"> <div class="wrap_subDept"> <div class="subDeptWrap"> <div class="banner1"><a href="page/compare_rate_list.php.html"><img src="images/main/menu3_banner.gif" /></a></div> </div> <!-- e : .subDeptWrap --> </div> </div> <!-- e : .submenu --> </li>
2차메뉴 세번째
이런 형식으로 가능한지 알고 싶습니다
댓글 2
-
DoorWeb
2017.07.28 10:57
-
미슬렌키
2017.07.28 13:28
답변 정말 감사합니다
정확히 궁금한점은 1차 메뉴가 나오고 1차 메뉴에 마우스 오버시 나오는 2차 메뉴가 각각의 DIV 로 구성될수 있는지 입니다
예를들어
{@ $_idx=1;}
<li loop="$global_menu->list=>$key1,$val1" cond="$val1['link']" class="active li no{$_idx}"|cond="$val1['selected']" class="li no{$_idx}"|cond="!$val1['selected']">
<!-- 해당메뉴 진입 시 on클래스 추가 및 유지 -->
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'" class="a">{$val1['link']}</a>
{@ $_idx++;}해당 코드로 메뉴 1 | 2 | 3 | 4 | 5 를 1차 메뉴로 불러 왔다면
1의 2차 서브 메뉴로는
<div class="submenu">
<div class="wrap_subDept">
<div class="subDeptWrap">
<div class="depths2">
<div class="no1_1">
<ul>
<li class="li2" loop="$val1['list']=>$key2,$val2"><a href="{$val2['href']}" class="a2">{$val2['link']}</a></li>
</ul>
</div>
</div>
<div class="banner1"><a href="page/intro02.php.html"><img src="images/main/menu1_banner.gif" /></a></div>
<div class="banner1_1"><a href="page/intro03.php.html"><img src="images/main/menu1_banner2.gif" /></a></div>
</div>
<!-- e : .subDeptWrap -->
</div>
<!-- e : .wrap_subDept -->
</div>
<!-- e : .submenu -->
</li>위의 코드가 출력 되고
2의 2차 서브메뉴로는
<div class="submenu">
<div class="wrap_subDept">
<div class="subDeptWrap">
<div class="banner1"><a href="page/step_guide.php.html"><img src="images/main/menu2_banner.gif" /></a></div>
<div class="depths2">
<div class="no2_1">
<ul>
<li id="sub_2" class="li2" loop="$val1['list']=>$key2,$val2"><a href="{$val2['href']}" class="a2">{$val2['link']}</a></li>
</ul>
</div>
</div>
<div class="banner1"><a href="page/step_guide.php.html"><img src="images/main/menu2_banner2.gif" /></a></div>
</div>
<!-- e : .subDeptWrap -->
</div>
</div>
<!-- e : .submenu -->
</li>위의코드
3의 2차 코드로는
<div class="submenu">
<div class="wrap_subDept">
<div class="subDeptWrap">
<div class="banner1"><a href="page/compare_rate_list.php.html"><img src="images/main/menu3_banner.gif" /></a></div>
</div>
<!-- e : .subDeptWrap -->
</div>
</div>
<!-- e : .submenu -->
</li>위의 코드가 출력 되게 하고 싶습니다
해결해 볼려고 IF문으로 조건을 줘봤는데도 조건식이 틀렸는지 아니면 방법이 틀렸는지 정상 작동이 안되더라구요
해결방법좀 부탁드립니다 ^^
해당 코드 전문 첨부 합니다
정확히 뭘 원하시는지 파악이 안되지만
$_idx 가 각 메뉴마다
no{$_idx}로 다르게 클라스명 값이 먹히는걸 보실 수 있을겁니다.
이걸로 접근하시면 얼쭉 원하는것에 가까워질거 같습니다.