이 메뉴는 펀드 슈퍼마켓 코리아의 메뉴입니다.

여기서 제가 제일 궁금한점은

             1. 여기서 대메뉴에 마우스도 안올렸는데 서브메뉴가 아래로 내려와 있냐는 것입니다.

 그리고 두번째

2. 다른 대메뉴로 마우스를 이동할때에 펀드찾기의 불이 꺼지게 하는 것입니다.

 

 

제가 지금 만드는 홈페이지 대메뉴는 마우스를 올려야만 해당하는 서브메뉴가 나옵니다.

당최 어떻게 소스를 구성해야 위의 메뉴처럼 나오는지 감이 안잡힘니다.

 

마우스를 올려야지 불이꺼지고 켜지는게 가능한데.. 저메뉴는 어떻게 된게

다른 메뉴에 마우스를 대니 본메뉴가 꺼지는 것입니다.

그리고 마우스도 안올렸는데 서브메뉴가 아래로 내려와 있습니다.

으흠.. 무지무지 궁금하여 소자 메뉴소스를 올려드립니다.^^.

원래 이메뉴소스도 여기 스킨에서 가져와서 혼자 이래저래 수정해봤습니다.

 

 

 

 

     <?php
$tnav_width = '989'; //메뉴 전체 가로 크기
$tnav_bg = '#818181'; //메뉴 배경색
$tnav_sub_round = '#'; //서브 메뉴 테두리 색상(※테두리를 없애려면 '#fff' 로 변경)
$tnav_main = array('20','#fff','#fff'); //주 메뉴 관련 설정(※입력 순서: '메뉴 좌우 여백','메뉴 색상','메뉴 마우스 오버시 색상')
$tnav_sub = array('10','#fff','#000','underline'); //서브 메뉴 관련 설정(※입력 순서: '메뉴 좌우 여백','메뉴 색상','메뉴 마우스 오버시 색상','메뉴 마우스 오버시 밑줄 여부')
$addsub_left = array('0','0','0','0','0','0'); //사용자 추가 서브 메뉴 왼쪽 출력 위치(※사용자 그룹 수에 비례하여 style에 추가하여 사용하고 입력 순서는 순차적으로)

//사용자 추가 메뉴 그룹1 설정
$tnav_add1 = array(
    array('사용자메뉴1-1','http://naver.com',''), //사용자 추가 메뉴 그룹1에서 추가할 메뉴1(※입력순서: '메뉴명','링크','새창여부')
    array('사용자메뉴1-2','http://nate.com',''), //사용자 추가 메뉴 그룹1에서 추가할 메뉴2
    array('사용자메뉴1-3','http://sir.co.kr','') //사용자 추가 메뉴 그룹1에서 추가할 메뉴3
);

//사용자 추가 메뉴 그룹2 설정
$tnav_add2 = array(
    array('인사말','../bbs/board.php?bo_table=hospi_intro01',''),
    array('조직도 및 직원현황 ','../bbs/board.php?bo_table=hospi_intro02',''),
    array('시설현황','../bbs/board.php?bo_table=hospi_intro03',''),
    array('법인현황 및 연혁','../bbs/board.php?bo_table=hospi_intro04',''),
    array('오시는길','../bbs/board.php?bo_table=hospi_intro05','')
);

//사용자 추가 메뉴 그룹3 설정
$tnav_add3 = array(
    array('시청소개','../bbs/board.php?bo_table=hospi_busi01',''),
    array('입소안내','../bbs/board.php?bo_table=hospi_busi02',''),
    array('프로그램소개','../bbs/board.php?bo_table=hospi_busi03',''),
    array('행사일정표','../bbs/board.php?bo_table=hospi_busi04',''),
    array('식단표','../bbs/board.php?bo_table=hospi_busi05','')
);

//사용자 추가 메뉴 그룹4 설정
$tnav_add4 = array(
    array('후원안내','../bbs/board.php?bo_table=hospi_voluni01',''),
    array('자원봉사안내','../bbs/board.php?bo_table=hospi_voluni02',''),
    array('후원/자원봉사 신청서','../bbs/board.php?bo_table=hospi_voluni03','')
);

//사용자 추가 메뉴 그룹5 설정
$tnav_add5 = array(
    array('포토앨범','../bbs/board.php?bo_table=hospi_jabi01',''),
    array('요양원소식','../bbs/board.php?bo_table=hospi_jabi02',''),
);

//사용자 추가 메뉴 그룹6 설정
$tnav_add6 = array(
    array('상담실','../bbs/board.php?bo_table=hospi_cust01',''),
    array('자유게시판','../bbs/board.php?bo_table=hospi_cust02',''),

);
?>

<style type="text/css">
#tnav {position:relative; width:<?php echo $tnav_width ?>px; height:40px; background:url(/images/hospi/main/mainmenuoff.gif); background-repeat:no-repeat;  z-index:100}
#tnav ul {margin:0; padding:0; list-style:none;}
#tnav ul li {float:left; padding:0 0px; 0 0px; }
#tnav ul li a, #tnav ul li a:visited {display:block; margin:0px; padding:0 <?php echo $tnav_main[0] ?>px;  text-decoration:none; font:bold 12px gulim, tahoma; color:<?php echo $tnav_main[1] ?>; line-height:40px}
#tnav ul li:hover a, #tnav ul li a:hover {margin:0px; background:url(/images/hospi/main/menuon.gif);box-shadow:10px 10px 30px 20px black inset;
  color:<?php echo $tnav_main[2] ?>}
#tnav ul li ul {position:absolute; top:40px;  left:0; visibility:hidden}
#tnav ul li:hover ul, #tnav ul li a:hover ul {visibility:visible}
#tnav ul li:hover ul li a { background-color:#12a5f2; padding:0 <?php echo $tnav_sub[0] ?>px; border:0; text-decoration:none; font:normal 13px dotum, tahoma;  color:<?php echo $tnav_sub[1] ?>; line-height:25px; height:31px}
#tnav ul li:hover ul li a:hover {text-decoration:none;}
#tnav ul li:hover ul#addsub1_left {left:<?php echo $addsub_left[0] ?>px; border-right:2px solid <?php echo $tnav_sub_round ?>; border-bottom:2px solid <?php echo $tnav_sub_round ?>; border-left:2px solid <?php echo $tnav_sub_round ?>}
#tnav ul li:hover ul#addsub2_left {width:989px;left:<?php echo $addsub_left[1] ?>px; border-right:2px solid <?php echo $tnav_sub_round ?>; border-bottom:2px solid <?php echo $tnav_sub_round ?>; border-left:2px solid <?php echo $tnav_sub_round ?>}
#tnav ul li:hover ul#addsub3_left {left:<?php echo $addsub_left[2] ?>px; border-right:2px solid <?php echo $tnav_sub_round ?>; border-bottom:2px solid <?php echo $tnav_sub_round ?>; border-left:2px solid <?php echo $tnav_sub_round ?>}
#tnav ul li:hover ul#addsub4_left {left:<?php echo $addsub_left[3] ?>px; border-right:2px solid <?php echo $tnav_sub_round ?>; border-bottom:2px solid <?php echo $tnav_sub_round ?>; border-left:2px solid <?php echo $tnav_sub_round ?>}
#tnav ul li:hover ul#addsub5_left {left:<?php echo $addsub_left[4] ?>px; border-right:2px solid <?php echo $tnav_sub_round ?>; border-bottom:2px solid <?php echo $tnav_sub_round ?>; border-left:2px solid <?php echo $tnav_sub_round ?>}
#tnav ul li:hover ul#addsub6_left  {left:<?php echo $addsub_left[5] ?>px; border-right:2px solid <?php echo $tnav_sub_round ?>; border-bottom:2px solid <?php echo $tnav_sub_round ?>; border-left:2px solid <?php echo $tnav_sub_round ?>}

</style>

<div id="tnav">
<ul>
  <!-- 사용자 추가 메뉴 그룹1 -->
  <?php if ($tnav_add1) { ?>
  <li>
    <a href="#" style=" background-image:url(../menu_oop/main_09.gif); width:163; vertical-align:bottom; color:#CCC">전체메뉴보기</a>
    <ul id="addsub1_left" >
      <img src="../images/hospi/main/mainmenu.gif" />
    </ul>
  </li>
  <?php } ?>
  <!-- //사용자 추가 메뉴 그룹1 -->
  <!-- 사용자 추가 메뉴 그룹2 -->
  <?php if ($tnav_add2) { ?>
  <li >
    <a href="../bbs/board.php?bo_table=hospi_intro01" style="width:134px; text-align:center;background:url(/images/hospi/main/menuofn.gif); ">요양원 소개</a>
    <ul id="addsub2_left" style="width:988px; background:url(/images/hospi/main/somebg.gif); " >
      <?php for ($k = 0; $k < count($tnav_add2); $k++) { ?>
      <li style=" position:relative; left:118px; background:url(/images/hospi/main/somenubg.gif);"><a href="<?php echo $tnav_add2[$k][1] ?>" style="background:url(/images/hospi/main/somenubg.gif);"  target="<?php echo $tnav_add2[$k][2] ?>"> <?php echo $tnav_add2[$k][0] ?></a></li>
      <?php } ?>
    </ul>
  </li>
  <?php } ?>
  <!-- //사용자 추가 메뉴 그룹2 -->
  <!-- 사용자 추가 메뉴 그룹3 -->
  <?php if ($tnav_add3) { ?>
  <li >
    <a href="../bbs/board.php?bo_table=hospi_busi01" style="width:134px; text-align:center;">주요업무</a>
    <ul id="addsub3_left" style=" width:988px; background:url(/images/hospi/main/somebg.gif); " >
      <?php for ($k = 0; $k < count($tnav_add3); $k++) { ?>
      <li style=" position:relative; left:190px;"><a href="<?php echo $tnav_add3[$k][1] ?>" style="background:url(/images/hospi/main/somebg.gif); background-position:50px 50px;" target="<?php echo $tnav_add3[$k][2] ?>"><?php echo $tnav_add3[$k][0] ?></a></li>
      <?php } ?>
    </ul>
  </li>
  <?php } ?>
  <!-- //사용자 추가 메뉴 그룹3 -->
  <!-- 사용자 추가 메뉴 그룹4 -->
  <?php if ($tnav_add4) { ?>
  <li >
    <a href="../bbs/board.php?bo_table=hospi_voluni01" style="width:134px; text-align:center; ">후원/자원봉사</a>
    <ul id="addsub4_left" style="width:988px; background:url(/images/hospi/main/somebg.gif); " >
      <?php for ($k = 0; $k < count($tnav_add4); $k++) { ?>
      <li style=" position:relative; left:430px;"><a href="<?php echo $tnav_add4[$k][1] ?>" style="background:url(/images/hospi/main/somebg.gif); " target="<?php echo $tnav_add4[$k][2] ?>" ><?php echo $tnav_add4[$k][0] ?></a></li>
      <?php } ?>
    </ul>
  </li>
  <?php } ?>
  <!-- //사용자 추가 메뉴 그룹4 -->
  <!-- 사용자 추가 메뉴 그룹5 -->
  <?php if ($tnav_add5) { ?>
  <li >
    <a href="../bbs/board.php?bo_table=hospi_jabi01" style="width:134px; text-align:center;">함께하는 자비원</a>
    <ul id="addsub5_left" style="width:988px; background:url(/images/hospi/main/somebg.gif); " >
      <?php for ($k = 0; $k < count($tnav_add5); $k++) { ?>
      <li style=" position:relative; left:660px;"><a href="<?php echo $tnav_add5[$k][1] ?>" style="background:url(/images/hospi/main/somebg.gif); " target="<?php echo $tnav_add5[$k][2] ?>"><?php echo $tnav_add5[$k][0] ?></a></li>
      <?php } ?>
    </ul>
  </li>
  <?php } ?>
  <!-- //사용자 추가 메뉴 그룹5 -->
    <!-- 사용자 추가 메뉴 그룹6 -->
  <?php if ($tnav_add6) { ?>
  <li>
    <a href="../bbs/board.php?bo_table=hospi_cust01" style="width:134px; text-align:center;">고객센터</a>
    <ul id="addsub6_left" style="width:988px; background:url(/images/hospi/main/somebg.gif); " >
      <?php for ($k = 0; $k < count($tnav_add6); $k++) { ?>
      <li style=" position:relative; left:830px;"><a href="<?php echo $tnav_add6[$k][1] ?>" style="background:url(/images/hospi/main/somebg.gif); " target="<?php echo $tnav_add6[$k][2] ?>"><?php echo $tnav_add6[$k][0] ?></a></li>
      <?php } ?>
    </ul>
  </li>
  <?php } ?>
  <!-- //사용자 추가 메뉴 그룹5 -->

</ul>
</div>