여기에 보면 2차메뉴가 아래로 나오고 있습니다.
이걸 이렇게 바꾸고 싶은데요
일럴려면 무엇을 고처야 하나요?
고수님들 도와주세요

소스는
Copy
<div style="height:20px;"></div> <div id="logo"> <a href="<?php echo G5_URL ?>"><img src="<?php echo G5_IMG_URL ?>/logo.gif" alt="<?php echo $config['cf_title']; ?>"></a> </div> <div style="height:65px;"></div> <div> <ul id="gnb_1dul"> <?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++) { ?> <li class="gnb_1dli" style="z-index:<?php echo $gnb_zindex--; ?>"> <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da"><font color="#ffffff"><font size="4.0em"><?php echo $row['me_name'] ?></font></font></a> <?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); for ($k=0; $row2=sql_fetch_array($result2); $k++) { if($k == 0) echo '<ul class="gnb_2dul">'.PHP_EOL; ?> <li class="gnb_2dli"><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" class="gnb_2da"><?php echo $row2['me_name'] ?></a></li> <?php } if($k > 0) echo '</ul>'.PHP_EOL; ?> </li> <?php } if ($i == 0) { ?> <?php } ?> </ul> </div>
답변 2개
채택된 답변
+20 포인트
9년 전
http://www.htmldrive.net/items/show/1463/Amazon-Side-Bar-Menu-with-jquery <- 이제이쿼리를 잘응용해보세요 도움되실거에요
9년 전
음 예를 들어
메뉴 부분에서
마우스가 회사소개에 hover 될때 하위
<ul><li>CEO인사말</li>...</ul>
이렇게 ul이 display:block이 되도록 하셔야 할것 같으시구요.
이건...CSS와 제이쿼리를 응용하셔야할것 같습니다.
마우스가 부모의 li에 hover시 그 안에 있는 ul을 보여주게 하는것이고...
메뉴 부분이 좌측으로 붙어 있기 때문에
css에서 left:200이런식으로 띄워서 위치를 잡아주면 될것같습니다.
답변을 작성하려면 로그인이 필요합니다.