3차 메뉴 추가 고수님 부탁 드립니다
본문
<script type="text/javascript">
jQuery(function($){
$.fn.Mmenu = function(options) {
var opts = $.extend(options);
var Mmenu = $(this);
var MmenuList = Mmenu.find('>ul>li');
var subMenuBox = Mmenu.find('.subMenuBox');
var subMenuBoxList = subMenuBox.find('>ul>li');
var menuwidth = $(this).width();
function showMenu() {
t = $(this).parent('li');
subwidth = t.find('.subMenuBox').width();
if (!t.hasClass('active')) {
MmenuList.removeClass('active');
t.addClass('active');
subMenuBox.hide();
if (t.position().left + t.find('.subMenuBox').width() > menuwidth) {
t.find('.subMenuBox').show().css({left:subwidth}).animate({left: (menuwidth - subwidth)-20}, 600);
} else {
t.find('.subMenuBox').show().css({left:subwidth}).animate( { left: t.position().left}, 600 );
}
}
}
function hideMenu() {
MmenuList.removeClass('hover');
subMenuBox.hide();
activeMenu();
}
function activeMenu() {
if(opts.ok1) {
t = MmenuList.eq(opts.ok1-1);
subwidth = t.find('.subMenuBox').width();
t.addClass('active');
if (t.position().left + t.find('.subMenuBox').width() > menuwidth) {
t.find('.subMenuBox').show().css({left:subwidth}).animate({left: (menuwidth - subwidth)-10}, 400);
} else {
t.find('.subMenuBox').show().css({left:subwidth}).animate( { left: t.position().left}, 400 );
}
}
}
return this.each(function() {
activeMenu();
MmenuList.find('>a').mouseover(showMenu).focus(showMenu);
Mmenu.mouseleave(subMenuBox);
});
}
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$('#topmenu .wrap').Mmenu({ ok1: 0 });
});
$('div.menubg a').click(function(){
var bgBgCol = jQuery(this).attr('href');
var menuHeight = jQuery(this).attr('mheight');
$('div.menubg a').removeClass('current');
$(this).addClass('current');
$('#topmenu,,.wrap,#topmenu a.active,#mainmenu li.ok1').height(menuHeight);
$('#topmenu .wrap').height(menuHeight + 30);
$('#topmenu .wrap div.subMenuBox').css({top:menuHeight+'px'}).height(30);
$('#menubgVal').val(bgBgCol);
$('#topmenuHeight').val(menuHeight);
return false;
});
</script>
<script type="text/javascript">
//네비게이션 레이아웃 적용
$(document).ready(function(){
$("nav#topmenu a").mouseenter(function() {
if($("div#subBox").css("display") != "block"){
$("div#subBox").slideDown();
}
});
$("nav#topmenu").mouseleave(function() {
$("div#subBox").show();
});
})
</script>
<table align=center border=0>
<tr>
<td align=center>
<script type="text/javascript">
function display_submenu(num) {
document.getElementById("mysub"+num).style.display="block";
}
</script>
<style>
#mysubmenu {border: 0px solid #d2d9e6; border-bottom: 0px solid #c1ccda;margin:5px 0px 0 5px;background:#fff;position:relative;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
box-shadow:0 1px 2px rgba(0,0,0,0.1)}
#mysubmenu ul {list-style:none; margin:0; padding:0;}
#mysubmenu li { margin: 0; list-style: none;margin:0px 15px 0 15px;}
#mysubmenu li.leftmenu_b {line-height:0px; margin-top:0px; padding:3px 0px 3px 0px; border-bottom:0px solid #fff; text-align:left; font-size:12pt; font-weight:bold; background:#fff; }
#mysubmenu li.leftmenu_b a{ color:#000;padding-left:5px;padding-right:5px; }
#mysubmenu li.leftmenu_s a{ color:#000;list-style:none; }
#mysubmenu li.leftmenu_s {float:left;line-height:33px; margin-bottom:0px; padding-left:5px;padding-right:5px; border-bottom:0px solid #fff; font-size:12pt;font-weight:bold; background:#fff; color:#fff; border-radius:15px 15px 15px 15px; }
#mysubmenu li.leftmenu_s:hover { background:#ffc600; }
#mysubmenu li.leftmenu_s_on {line-height:33px; margin-bottom:0px; padding-left:5px; border-bottom:0px solid #e6e6e6; font-size:12pt;font-weight:bold; background:#ffc600; color:#307ca0; }
#mysubmenu li.leftmenu_s_on a{ color:#fff; }
#mysubmenu li.leftmenu_s a:focus, #mysubmenu li.leftmenu_s a:hover { color:#fff;}
</style>
<div id="mysubmenu">
<?php
$sql = " select * from ".$g5['menu_table']."
where me_use = '1'
and length(me_code) = '2'
order by me_order, me_id ";
$result = sql_query($sql, false);
$gnb_zindex = 999; // gnb_1dli z-index 값 설정용
for ($i=0; $row=sql_fetch_array($result); $i++) {
?>
<ul id="mysub<?php echo $i ?>" style="display:none;">
<?php
$sql2 = " select * from ".$g5['menu_table']."
where me_use = '1'
and length(me_code) = '4'
and substring(me_code, 1, 2) = '".$row['me_code']."'
order by me_order, me_id ";
$result2 = sql_query($sql2);
//좌측 서브메뉴 전체 리스트에서 현재 페이지에 해당하는 대메뉴 리스트만 보여줌
if ( ($row['me_name']==$board['bo_subject'])||($row['me_name']==$g5['title']) ) {
//if(strpos($row['me_link'], $_GET['bo_table']) !== false) {
echo ("<script language='javascript'> display_submenu(" .$i. " ); </script> ");
}
for ($k=0; $row2=sql_fetch_array($result2); $k++) {
if($k == 0) {
echo '<ul>'.PHP_EOL;
}
?>
<li class="leftmenu_s"<?php
if ($row2['me_link']) {
$me_link0 = explode("=",$row2['me_link']);
if ( ($me_link0[1]==$board['bo_table'])||($me_link0[1]==$co_id) ) {
//if(strpos($row2['me_link'], $_GET['bo_table']) !== false) {
echo "style='background-color:#ffc600;'";
}
} else {
if ( ($row2['me_name']==$board['bo_subject'])||($row2['me_name']==$g5['title']) ) {
//if ( strpos($row2['me_link'], $_GET['bo_table']) !== false ) {
echo " style='background-color:#ffc600;'";
}
}
?>><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>"><?php echo $row2['me_name']; ?></a>
<?php
//좌측 서브메뉴 전체 리스트에서 현재 페이지에 해당하는 대메뉴 리스트만 보여줌
if ($row2['me_link']) {
$me_link0 = explode("=",$row2['me_link']);
if ( ($me_link0[1]==$board['bo_table'])||($me_link0[1]==$co_id) ) {
//if(strpos($row2['me_link'], $_GET['bo_table']) !== false) {
echo ("<script language='javascript'> display_submenu(" .$i. " ); </script> ");
}
} else {
if ( ($row2['me_name']==$board['bo_subject'])||($row2['me_name']==$g5['title']) ) {
//if(strpos($row2['me_link'], $_GET['bo_table']) !== false) {
echo ("<script language='javascript'> display_submenu(" .$i. " ); </script> ");
}
}
}
if($k > 0) {
echo '</ul>'.PHP_EOL;
}
?>
</li>
</ul>
<?php
}
?>
</div>
</td>
</tr>
</table>
현재 1차 2차 메뉴 소스인데 중간에 위치 시키려 1차메뉴는 가려 놨습니다.
다른분의 소스를 이용하여 일부 변형 했는데 3차 메뉴 삽입 방법 좀 가르쳐 주세요..
답변 1
방법을 알려달라 하시는 것이면 sql2 를 <li 아래 에서 한번 더 sql3 으로 해서 sql문을 손보시면 되긴하는데 공부를 좀 하셔야할 수 있습니다. 대신 코드를 좀 써달라고 하시는 것이면 이거는 의뢰를 하셔야할 정도 같습니다.
아네 답변 감사 드립니다
답변을 작성하시기 전에 로그인 해주세요.
