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

수직 네비게이션 구현 질문 드립니다.. 채택완료

설레Yo 6년 전 조회 1,977

http://nuli.navercorp.com/sharing/ui/patternLNB/4">http://nuli.navercorp.com/sharing/ui/patternLNB/4

사이트를 보고 좌측에 수직네비게이션을 구현 했습니다.

css도 추가하고 다 했는데

한가지 해결이 안되는 부분이 있네요..

제일 맨 위 메뉴를 클릭했을 때의 <a href="#"> 부분입니다.

(ex. 메뉴1 을 클릭했을 때 <a hef="#">에 들어갈 주소...

어느 곳으로 연결을 해줘야 하는지....

어떻게 해야하는지 몰라서 하단 메뉴가 출력이 안됩니다

고수님들 힌트라도 주실 수 있나요?

 

같은 기능으로 만든 사이트는 http://www.skzic.com/kor/index.asp">http://www.skzic.com/kor/index.asp 인거 같습니다.

혹시 클릭했을 때 메뉴색깔이 바뀐다던지 기능은 어떻게 해야하는지 추가적으로 질문 드립니다...

 

 

 

</p>

<p><ul class="lnb_v">

<li>

<a href="#">메뉴1</a>

<ul class="sub" style="display:block;">

<li><a href="#">메뉴1-1</a></li>

<li><a href="#">메뉴1-2</a></li>

</ul>

</li>

<li>

<a href="#">메뉴2</a>

<ul class="sub">

<li><a href="#">메뉴2-1</a></li>

<li><a href="#">메뉴2-2</a></li>

</ul>

</li>

<li>

<a href="#">메뉴3</a>

<ul class="sub">

<li><a href="#">메뉴3-1</a></li>

<li><a href="#">메뉴3-2</a></li>

</ul>

</li>

</ul></p>

<p>

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

답변 1개

채택된 답변
+20 포인트
6년 전

</p>

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

$menu_datas = array();</p>

<p>for ($i=0; $row=sql_fetch_array($result); $i++) {

    $menu_datas[$i] = $row;</p>

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

    for ($k=0; $row2=sql_fetch_array($result2); $k++) {

        $menu_datas[$i]['sub'][$k] = $row2;    

    }</p>

<p>}</p>

<p>$i = 0;

foreach( $menu_datas as $row ){                            

    if( empty($row) ) continue; 

    $gr = sql_fetch("select * from g5_group where gr_id='".$gr_id."' ");

    

?>

<ul class="lnb_v">

    <li>

    <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>"><?php echo $row['me_name'] ?></a>

        <ul class="sub" style="display:block;">

            <?php

            $k = 0;

            foreach( (array) $row['sub'] as $row2 ){</p>

<p>                if( empty($row2) ) continue; 

                $cur_url2 = G5_URL.$_SERVER['REQUEST_URI'];

                $active2 = strpos($cur_url2, $row2['me_link']);</p>

<p>                if($k == 0)</p>

<p>            ?>

            <li <?php if($active2 === 0){echo 'class="active"';} ?>><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>"><?php echo $row2['me_name'] ?></a></li>

            <?php 

                $k++;

                }   //end foreach $row2 ?>

                    </ul>    

                </li>

                <?php

            $i++;

            }   //end foreach $row

            ?>

        </ul>

    </li>

</ul></p>

<p>

위소스중에 class="active" 를 CSS 에 추가후 원하시는 색상 또는 이미지를 출력하도록 하시면 될듯 하네요.

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

답변에 대한 댓글 2개

설레Yo
6년 전
php를 따로 배운 적이 없어서 힘드네요..ㅠ 자바나 c 말고는 해본적이 없어서 .... 대충 문맥은 비슷하니 이해보도록 하겠습니다 감사합니다^^ 근데 <a href="#"> 대신 무엇을 넣어야 원래 아래로 뜨나요 ?
亞波治
6년 전
<a href="#"> 대신 무엇을 넣어야 원래 아래로 뜨나요 ?

<a href="#"> 때문에 아래로 뜨는것이 아니고 CSS 가 적용되어서 메뉴가 아래로 뜹니다.
상단의 소스를 카피해서 그누보드에 적용하면 자동으로 메뉴가 적용됩니다.

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

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

로그인