테스트 사이트 - 개발 중인 베타 버전입니다

3차 메뉴 추가 고수님 부탁 드립니다 채택완료

따로또같이 4년 전 조회 2,232

</p>

<p><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();</p>

<p>        function showMenu() {

            t = $(this).parent('li');

            subwidth = t.find('.subMenuBox').width();</p>

<p>            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 );

                }

            }

        }</p>

<p>        function hideMenu() {

            MmenuList.removeClass('hover');

            subMenuBox.hide();

            activeMenu();

        }</p>

<p>        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 );

                }

            }

        }</p>

<p>        return this.each(function() {

            activeMenu();

            MmenuList.find('>a').mouseover(showMenu).focus(showMenu);

            Mmenu.mouseleave(subMenuBox);

        });

    }

});

</script></p>

<p><script type="text/javascript"> 

$(document).ready(function(){        

    $('#topmenu .wrap').Mmenu({ ok1: 0 });

});</p>

<p>

$('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);</p>

<p>                            $('#topmenu .wrap').height(menuHeight + 30);

            $('#topmenu .wrap div.subMenuBox').css({top:menuHeight+'px'}).height(30);

                        $('#menubgVal').val(bgBgCol);

        $('#topmenuHeight').val(menuHeight);

    return false;

});

</script></p>

<p><script type="text/javascript"></p>

<p>//네비게이션 레이아웃 적용

 $(document).ready(function(){

    $("nav#topmenu a").mouseenter(function() {

            if($("div#subBox").css("display") != "block"){

                $("div#subBox").slideDown();

            }

    });

                $("nav#topmenu").mouseleave(function() {

                    $("div#subBox").show();

           });

    })</p>

<p></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;}</p>

<p> #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; }</p>

<p> #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></p>

<p>

<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 값 설정용</p>

<p>    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);</p>

<p>            //좌측 서브메뉴 전체 리스트에서 현재 페이지에 해당하는 대메뉴 리스트만 보여줌

            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> ");

            }</p>

<p>            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</p>

<p>                //좌측 서브메뉴 전체 리스트에서 현재 페이지에 해당하는 대메뉴 리스트만 보여줌

                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> ");

                    }

                }

            }</p>

<p>            if($k > 0) {

                echo '</ul>'.PHP_EOL;

            }

            ?>

</li>

        </ul>

        <?php

    }

    ?>

</div>

</td>

</tr>

</table></p>

<p>

현재 1차 2차 메뉴 소스인데 중간에 위치 시키려 1차메뉴는 가려 놨습니다.

다른분의 소스를 이용하여 일부 변형 했는데 3차 메뉴 삽입 방법 좀 가르쳐 주세요..

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
미스터S
4년 전

방법을 알려달라 하시는 것이면 sql2 를 <li 아래 에서 한번 더 sql3 으로 해서 sql문을 손보시면 되긴하는데 공부를 좀 하셔야할 수 있습니다. 대신 코드를 좀 써달라고 하시는 것이면 이거는 의뢰를 하셔야할 정도 같습니다. 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

따로또같이
3년 전
아네 답변 감사 드립니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인