자바스크립트로 만든 메뉴구조에서 서브메뉴 추가.. > 그누4 질문답변

매뉴얼 FAQ
그누보드5
데모
자료실
  • 다운로드
  • 매뉴얼
  • Q&A
    • 창작마당
  • 팁자료실
  • 스킨
  • 빌더
  • 테마
  • 플러그인
  • 사용후기
    • 영카트5
    데모
    자료실
    창작마당
    정기결제
    데모
    자료실
    Q & A
    궁금한 게 있으신가요? 지금 질문해보세요!
    솔루션
    프로그래밍
    서버
    사이트운영
    컨텐츠몰
    나의 재능을 팔아보세요!
    부가서비스
    국내최저! 신용카드 결제수수료 2.85%
    제작의뢰
    커뮤니티
    커뮤니티
    소모임
    스터디
    AI 🌟
    강좌
    기타

    그누4 질문답변

    그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
    기존 게시물은 열람만 가능합니다.

    자바스크립트로 만든 메뉴구조에서 서브메뉴 추가.. 정보

    자바스크립트로 만든 메뉴구조에서 서브메뉴 추가..

    본문

    아래 주소를 보면요
    jumpingi.com/main.html

    첫번째 카테고리인 "welcome"에 서브메뉴를 하나 더 추가할려고 하는데요??
    어느 부분을 추가 해야 될까요??..
    이것저것 해봐도..잘 안되네요..

    아래 소스입니다.


    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
    <title>어린이의 꿈이 이루어지는 곳 :::점핑아이:::</title>
    <script src="aa.js" language="JavaScript"></script>
    <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
    <style type="text/css">
    <!--
    body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    }
    a:link, a:visited, a:active { text-decoration:none; color:#000000; }
    a:hover { text-decoration:none; color:red; }
    .bold_txt {
    font-family: "돋움", "굴림체";
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    }
    -->
    </style>
    <script type="text/javascript">
    <!--
    function MM_swapImgRestore() {
    //v3.0
    var i,x,a=document.MM_sr;
    for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    function MM_preloadImages() {
    //v3.0
    var d=document;
    if(d.images){
      if(!d.MM_p) d.MM_p=new Array();
      var i,j=d.MM_p.length,a=MM_preloadImages.arguments;
      for(i=0; i<a.length; i++)
      if (a[i].indexOf("#")!=0){
      d.MM_p[j]=new Image;
      d.MM_p[j++].src=a[i];
      }
    }
    }

    function MM_findObj(n, d) {
    //v4.01
    var p,i,x;
    if(!d) d=document;
    if((p=n.indexOf("?"))>0&&parent.frames.length) {
      d=parent.frames[n.substring(p+1)].document;
      n=n.substring(0,p);
    }
    if(!(x=d[n])&&d.all) x=d.all[n];
    for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n);
      return x;
    }

    function MM_swapImage() {
    //v3.0
    var i,j=0,x,a=MM_swapImage.arguments;
    document.MM_sr=new Array;
    for(i=0;i<(a.length-2);i+=3)
      if ((x=MM_findObj(a[i]))!=null){
      document.MM_sr[j++]=x;
      if(!x.oSrc) x.oSrc=x.src;
      x.src=a[i+2];
    }
    }
    //-->
    </script>
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    </head>

    <body onLoad="MM_preloadImages('images/main3_13.jpg','images/main3_14.jpg','images/main3_15.jpg','images/main3_16.jpg','images/main3_17.jpg')">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">

    <tr>
        <td align="center" background="images/main2_04.jpg">
            <table width="1063" height="500" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td valign="bottom" background="images/btn_02.jpg">
                    <table width="1063" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td width="31" rowspan="7">&nbsp;</td>
                        <td width="242"><img src="images/main2_02.jpg" width="242" height="160" /></td>

                        <td rowspan="7" valign="top">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td height="25" colspan="2">&nbsp;</td>
                            </tr>
                            <tr>
                                <td width="250">&nbsp;</td>
                                <td><? print_outlogin("dark_g",1,10)?></td>
                            </tr>

                            <tr>
                                <td colspan="2">&nbsp;</td>
                            </tr>
                            </table>
                        </td>
                    </tr>
      <!--서브메뉴의 네모박스간 간격 조절_현재는 -1로 설정-->
      <style>
      .sub_style{
      position:absolute;height:33px;font-size:9pt;width:188px;filter: Alpha(opacity=86, finishopacity=86, style=2);padding: -1px;border-bottom: 1px solid #CCCCCC;border-right: 0px solid #666666;border-left:1px solid #CCCCCC;background-color:white;display:none;z-index:1000
      }
      .sub_style2{
      height:500px;font-size:9pt;width:550px;padding: 0px;padding-top: 10px;left:422px;background-color:white;display:none;z-index:1000
      }
      .sub_style3{
      display:none;
      }
      </style>
      <script>
      function menu_clear(){ // 메뉴 초기화
      // 메뉴가 5개이기에 for문 1~5번까지 초기회 시킴
      for(m=1;m<=5;m++){
      // 4번째 메뉴는 서브 메뉴가 없어서 continue; if(m==4) continue; 
      if(m == 1) var count = 5;
      else if(m == 2) var count = 4;
      else if(m == 3) var count = 9;
      else if(m == 4) var count = 1; 
      else if(m == 5) var count = 4;
     
      for(var i=1;i<=count;i++){
      document.getElementById('sub_menu'+m+i).style.display='none';  // 서브메뉴 숨김
      if(m != 3 && m != 4 && m != 5) document.getElementById('sub2_menu'+m+i).style.display='none';  //  5번째 메뉴를 제외한 서브메인 메뉴 숨김
      }
      document.getElementById('sub_menu'+m+'0').style.display='none';  // 1차 서브 메뉴 상단에 갔을 때 반응하는 레이어 숨김
      document.getElementById('sub_menu'+m+'00').style.display='none';  // 1차 서브 메뉴 하단에 갔을 때 반응하는 레이어 숨김
      }
      }
      function menu_onmouseover(menu){
      menu_clear();
      var position = 0;
      document.getElementById('menu1_zindex').style.zIndex = 0;  // 각 서브 메뉴 레이어 z-index 초기화
      document.getElementById('menu2_zindex').style.zIndex = 0;
      document.getElementById('menu3_zindex').style.zIndex = 0;
      document.getElementById('menu4_zindex').style.zIndex = 0;
      document.getElementById('menu5_zindex').style.zIndex = 0;
                       
      <!-- 각 메뉴의 서브메뉴의 하단 위치 조정하는 곳 -->

      if(menu == 1){
      var count = 5;
      document.getElementById('menu1_zindex').style.zIndex = 10;  // 활성화된 서브 레이어 z-index 조정
      }else if(menu == 2){
      var count = 4;
      document.getElementById('menu2_zindex').style.zIndex = 10;
      }else if(menu == 3){
      var count = 9;
      var position = -102;  // 하단을 벗어나지 않게 위치 조정
      document.getElementById('menu3_zindex').style.zIndex = 10;
                        }else if(menu == 4){
      var count = 1;
      document.getElementById('menu4_zindex').style.zIndex = 10;
      }else if(menu == 5){
      var count = 4;
      var position = -67;
      document.getElementById('menu5_zindex').style.zIndex = 10;
      }
     
     
      for(var i=1;i<=count;i++){
      var height = 33*(i-1)+position;  // 각 메뉴의 첫 서브 메뉴 위치 계산
      document.getElementById('sub_menu'+menu+i).style.display='block';  // 서브 메뉴 보이게함
      document.getElementById('sub_menu'+menu+i).style.top=height+'px';  // 서브 위치 지정
      document.getElementById('sub_menu'+menu+i).style.left='233px';  // 서브 위치 지정
      document.getElementById('sub_menu'+menu+i).style.zIndex='-100';  //서브 z-index 지정 
      document.getElementById('sub_menu'+menu+i).style.filter = 'Alpha(opacity=76, finishopacity=76, style=2)';  // 마우스 오버시 알파값 초기화
     
      }
     
     
      if(menu != 3 && m != 4 && menu != 5) document.getElementById('sub2_menu'+menu).style.display='none';
      document.getElementById('sub_menu'+menu+'0').style.display='block';
      document.getElementById('sub_menu'+menu+'00').style.display='block';
      }
      function menu_onmouseout(menu){ 
      menu_clear();
      if(menu == 1) var count = 5;
      else if(menu == 2) var count = 4;
      else if(menu == 3) var count = 9;
      else if(menu == 4) var count = 1;
      else if(menu == 5) var count = 4;

      if(menu != 3 && m != 4 && menu != 5) document.getElementById('sub2_menu'+menu).style.display='none';
      document.getElementById('sub_menu'+menu+'0').style.display='none';
      document.getElementById('sub_menu'+menu+'00').style.display='none';
      }
      function sub_onmouseover(menu,no){
      menu_clear();
      if(menu == 1) var count = 5;
      else if(menu == 2) var count = 4;
      else if(menu == 3) var count = 9;
      else if(menu == 4) var count = 1;
      else if(menu == 5) var count = 4;

      for(var i=1;i<=count;i++){
      document.getElementById('sub_menu'+menu+i).style.filter = 'Alpha(opacity=76, finishopacity=76, style=2)';  // 마우스 오버시 알파값 초기화
      document.getElementById('sub_menu'+menu+i).style.color='black'
      document.getElementById('sub_menu'+menu+i).style.display='block';
      document.getElementById('sub_menu'+menu+i+'_arrow').src='images/arrow-gray.gif';  // 마우스 오버스 화살표 이미지 초기화
      }

      // 마우스 오버된 부분 값 변경 부분 시작
      document.getElementById('sub_menu'+menu+no).style.filter = 'Alpha(opacity=80, finishopacity=100, style=2)';  // 알파값 조정
      document.getElementById('sub_menu'+menu+no).style.color='red';  // 글 색조정
      document.getElementById('sub_menu'+menu+no+'_arrow').src='images/arrow-red.gif'; // 화살표 변경 
      document.getElementById('sub_menu'+menu+no).style.display='block';  // 메뉴 보이게 처리
      if(menu != 3 && m != 4 && menu != 5) document.getElementById('sub2_menu'+menu).style.display='block';  // 메인 서브메뉴 보이게 처리
      if(menu != 3 && m != 4 && menu != 5) document.getElementById('sub2_menu'+menu+no).style.display='block';  // 메인 서브메뉴 보이게 처리
      document.getElementById('sub_menu'+menu+'0').style.display='block';
      document.getElementById('sub_menu'+menu+'00').style.display='block';
                     
      if(menu == 1 && no == 3){  // 운영방한 서브 메인 메뉴 안나오게 수정
      document.getElementById('sub2_menu1').style.display='none';
      document.getElementById('sub2_menu13').style.display='none';
      }
      }
      function sub_onmouseout(menu,no){
      menu_clear();

      if(menu == 1) var count = 5;
      else if(menu == 2) var count = 4;
      else if(menu == 3) var count = 9;
      else if(menu == 4) var count = 1;
      else if(menu == 5) var count = 4;

      for(var i=1;i<=count;i++){
      document.getElementById('sub_menu'+menu+i).style.filter = 'Alpha(opacity=76, finishopacity=76, style=2)'; // 서브메뉴의 오버시 보여지는 알파값
      document.getElementById('sub_menu'+menu+i).style.color='black'
      document.getElementById('sub_menu'+menu+i).style.display='none';
      if(menu != 3 && m != 4 && menu != 5) document.getElementById('sub2_menu'+menu+i).style.display='none';
      }

      document.getElementById('sub_menu'+menu+no).style.filter = 'Alpha(opacity=56, finishopacity=56, style=2)';
      document.getElementById('sub_menu'+menu+no).style.color='red';
      document.getElementById('sub_menu'+menu+no+'_arrow').src='images/arrow-gray.gif';
      if(menu != 3 && m != 4 && menu != 5) document.getElementById('sub2_menu'+menu).style.display='none';
      if(menu != 3 && m != 4 && menu != 5) document.getElementById('sub2_menu'+menu+no).style.display='block';
      document.getElementById('sub_menu'+menu+'0').style.display='none';
      document.getElementById('sub_menu'+menu+'00').style.display='none';

      if(menu == 1 && no == 3){  // 운영방한 서브 메인 메뉴 안나오게 수정
      document.getElementById('sub2_menu1').style.display='none';
      document.getElementById('sub2_menu13').style.display='none';
      }
      }
      function sub_onmouseout2(menu){  // 서브 메뉴 상하단으로 마우스 이동시 처리하는 부분
      if(menu == 1) var count = 5;
      else if(menu == 2) var count = 4;
      else if(menu == 3) var count = 9;
      else if(menu == 4) var count = 1;
      else if(menu == 5) var count = 4;

      for(var i=1;i<=count;i++){  // 서브 메뉴 숨김 처리부분
      if(menu != 3 && m != 4 && menu != 5) document.getElementById('sub2_menu'+menu).style.display='none';
      if(menu != 3 && m != 4 && menu != 5) document.getElementById('sub2_menu'+menu+i).style.display='none';
      document.getElementById('sub_menu'+menu+i).style.display='none';
      }
      document.getElementById('sub_menu'+menu+'0').style.display='none';
      document.getElementById('sub_menu'+menu+'00').style.display='none';

      menu_clear();
      }
      function sub2_onmouseover(menu,no){  // 메인 서브 부분 - 마우스 오버
      menu_clear();

      if(menu == 1) var count = 5;
      else if(menu == 2) var count = 4;
      else if(menu == 3) var count = 9;
      else if(menu == 4) var count = 1;
      else if(menu == 5) var count = 4;

      for(var i=1;i<=count;i++){
      document.getElementById('sub_menu'+menu+i).style.display='block';
      document.getElementById('sub_menu'+menu+i+'_arrow').src='images/arrow-gray.gif';
      }
      if(menu != 3 && m != 4 && menu != 5) document.getElementById('sub2_menu'+menu).style.display='block';
      if(menu != 3 && m != 4 && menu != 5) document.getElementById('sub2_menu'+menu+no).style.display='block';
      document.getElementById('sub_menu'+menu+no+'_arrow').src='images/arrow-red.gif';
      }
      function sub2_onmouseout(menu,no){  // 메인 서브 부분 - 마우스 아웃
      menu_clear();

      if(menu == 1) var count = 5;
      else if(menu == 2) var count = 4;
      else if(menu == 3) var count = 9;
      else if(menu == 4) var count = 1;
      else if(menu == 5) var count = 4;

      for(var i=1;i<=count;i++){  // 서브 메뉴 숨김처리
      document.getElementById('sub_menu'+menu+i).style.display='none';
      if(menu != 3 && m != 4 && menu != 5) document.getElementById('sub2_menu'+menu+i).style.display='none'; 
      }

      if(menu != 3 && m != 4 && menu != 5) document.getElementById('sub2_menu'+menu).style.display='none';
      document.getElementById('sub_menu'+menu+'0').style.display='none';
      document.getElementById('sub_menu'+menu+'00').style.display='none';
      }
      </script>

                    <tr>
                        <td width="242" height="65" align="center" id="menu1_zindex" style="position:relative">
      <div style="position:absolute;left:0px;z-index:-100"><a href="#" onMouseOut="MM_swapImgRestore();menu_onmouseout('1')" onMouseOver="MM_swapImage('Image7','','images/main3_13.jpg',1);menu_onmouseover('1')"><img src="images/main2_13.jpg" name="Image7" width="242" height="65" border="0" id="Image7" /></a></div>
      <div id="sub_menu10" style="display:none;position:absolute;height:133px;font-size:9pt;width:188px;left:233px;top:-133px" onMouseOver="sub_onmouseout2('1')"></div>
     
      <div id="sub_menu11" class="sub_style" onMouseOver="sub_onmouseover('1','1')" onMouseOut="sub_onmouseout('1','1')"><div style='height:9px;overflow:hidden'></div><div style="width:170px;align:left;float:left"><strong>점핑아이소개</strong></div>
        <div style="float:left"><img id="sub_menu11_arrow" src='images/arrow-gray.gif'></div></div>
     
      <div id="sub_menu12" class="sub_style" onMouseOver="sub_onmouseover('1','2')" onMouseOut="sub_onmouseout('1','2')"><div style='height:9px;overflow:hidden'></div><div style="width:170px;align:left;float:left"><strong>인사말</strong></div>
        <div style="float:left"><img id="sub_menu12_arrow" src='images/arrow-gray.gif'></div></div>
     
      <div id="sub_menu13" class="sub_style" onMouseOver="sub_onmouseover('1','3')" onMouseOut="sub_onmouseout('1','3')"><div style='height:9px;overflow:hidden'></div><div style="width:170px;align:left;float:left"><a href="about04.html" target="_self"><strong>운영방안</strong></a></div>
        <div style="float:left"><img id="sub_menu13_arrow" src='images/arrow-gray.gif'></div></div>

      <div id="sub_menu14" class="sub_style" onMouseOver="sub_onmouseover('1','4')" onMouseOut="sub_onmouseout('1','4')"><div style='height:9px;overflow:hidden'></div><div style="width:170px;align:left;float:left"><strong>CLUB 찾아오시는길</strong></div>
        <div style="float:left"><img id="sub_menu14_arrow" src='images/arrow-gray.gif'></div></div>

        <div id="sub_menu15" class="sub_style" onMouseOver="sub_onmouseover('1','5')" onMouseOut="sub_onmouseout('1','5')"><div style='height:9px;overflow:hidden'></div><div style="width:170px;align:left;float:left"><strong>GYM 찾아오시는길</strong></div>
        <div style="float:left"><img id="sub_menu15_arrow" src='images/arrow-gray.gif'></div></div>
      <div id="sub_menu100" style="display:none;position:absolute;height:133px;font-size:9pt;width:188px;left:233px;top:166px" onMouseOver="sub_onmouseout2('1')"></div>
      <div id="sub2_menu1" class="sub_style2" style="top:-166px;position:absolute;filter: Alpha(opacity=40, finishopacity=40, style=2);z-index:2" onMouseOver="sub2_onmouseover('1','1')" onMouseOut="sub2_onmouseout('1','1')">
      <table width="550" height="500" cellpadding="0" cellspacing="0">
      <tr>
      <td align="center" valign="center">

      </td>
      </tr>
      </table>
      </div>
      <div onMouseOver="sub2_onmouseover('1','1')" onMouseOut="sub2_onmouseout('1','1')">
      <div id="sub2_menu11" class="sub_style3" style="position:absolute;z-index:10;left:432px;top:-159px">
      <table width="530" height="486" cellpadding="0" cellspacing="0" bgcolor="white">
      <tr>
      <td align="center" valign="center">

                                        <!-- 점핑아이 소개 시작-->
      <img src="about/about01.jpg" />
                                        <!-- 점핑아이 소개 끝-->
      </td>
      </tr>
      </table>
      </div>
      </div>
      <div id="sub2_menu1" class="sub_style2" style="top:-166px;position:absolute;filter: Alpha(opacity=40, finishopacity=40, style=2);z-index:2" onMouseOver="sub2_onmouseover('1','2')" onMouseOut="sub2_onmouseout('1','2')">

      <table width="550" height="500" cellpadding="0" cellspacing="0">
      <tr>
      <td align="center" valign="center">

      </td>
      </tr>
      </table>
      </div>
      <div onMouseOver="sub2_onmouseover('1','2')" onMouseOut="sub2_onmouseout('1','2')">

      <div id="sub2_menu12" class="sub_style3" style="position:absolute;z-index:10;left:432px;top:-159px">
      <table width="530" height="486" cellpadding="0" cellspacing="0" bgcolor="white">
      <tr>
      <td align="center" valign="center">
      <!-- 점핑아이 소개 시작-->
      <img src="about/about02.jpg" />
                                        <!-- 점핑아이 소개 끝-->
      </td>
      </tr>

      </table>
      </div>
      </div>
      <div id="sub2_menu1" class="sub_style2" style="top:-166px;position:absolute;filter: Alpha(opacity=40, finishopacity=40, style=2);z-index:2" onMouseOver="sub2_onmouseover('1','3')" onMouseOut="sub2_onmouseout('1','3')">
      <table width="550" height="500" cellpadding="0" cellspacing="0">
      <tr>
      <td align="center" valign="center">

      </td>

      </tr>
      </table>
      </div>
      <div onMouseOver="sub2_onmouseover('1','3')" onMouseOut="sub2_onmouseout('1','3')">
      <div id="sub2_menu13" class="sub_style3" style="position:absolute;z-index:10;left:432px;top:-159px">
      <table width="530" height="486" cellpadding="0" cellspacing="0" bgcolor="white">
      <tr>
      <td align="center" valign="center">
      <!-- 점핑아이 소개 시작-->
      <img src="about/about03.jpg" />
                                        <!-- 점핑아이 소개 끝-->
      </td>

      </tr>
      </table>
      </div>
      </div>
      <div id="sub2_menu1" class="sub_style2" style="top:-166px;position:absolute;filter: Alpha(opacity=40, finishopacity=40, style=2);z-index:2" onMouseOver="sub2_onmouseover('1','4')" onMouseOut="sub2_onmouseout('1','4')">
      <table width="550" height="500" cellpadding="0" cellspacing="0">
      <tr>
      <td align="center" valign="center">

      </td>
      </tr>
      </table>
      </div>
      <div onMouseOver="sub2_onmouseover('1','4')" onMouseOut="sub2_onmouseout('1','4')">
      <div id="sub2_menu14" class="sub_style3" style="position:absolute;z-index:10;left:432px;top:-159px">
      <table width="530" height="486" cellpadding="0" cellspacing="0" bgcolor="white">
      <tr>
      <td align="center" valign="center">

      <img src="about/about04.jpg" />
      </td>
      </tr>
      </table>
      </div>
      </div>
      <div id="sub2_menu1" class="sub_style2" style="top:-166px;position:absolute;filter: Alpha(opacity=40, finishopacity=40, style=2);z-index:2" onMouseOver="sub2_onmouseover('1','5')" onMouseOut="sub2_onmouseout('1','5')">
      <table width="550" height="500" cellpadding="0" cellspacing="0">
      <tr>
      <td align="center" valign="center">

      </td>
      </tr>
      </table>
      </div>
      <div onMouseOver="sub2_onmouseover('1','5')" onMouseOut="sub2_onmouseout('1','5')">
      <div id="sub2_menu15" class="sub_style3" style="position:absolute;z-index:10;left:432px;top:-159px">
      <table width="530" height="486" cellpadding="0" cellspacing="0" bgcolor="white">
      <tr>
      <td align="center" valign="center">

      <img src="about/about04.gif" />
      </td>
      </tr>
      </table>
      </div>
      </div>
      </div> 
        </td>

                    </tr>
                    <tr>
                        <td width="242" height="65" align="center" id="menu2_zindex" style="position:relative">
     
      <div style="position:absolute;left:0px;z-index:-100"><a href="#" onMouseOut="MM_swapImgRestore();menu_onmouseout('2')" onMouseOver="MM_swapImage('Image8','','images/main3_14.jpg',1);menu_onmouseover('2')"><img src="images/main2_14.jpg" name="Image8" width="242" height="65" border="0" id="Image8" /></a></div>

      <div id="sub_menu20" style="display:none;position:absolute;height:133px;font-size:9pt;width:188px;left:233px;top:-135px" onMouseOver="sub_onmouseout2('2')"></div>
     
      <div id="sub_menu21" class="sub_style" onMouseOver="sub_onmouseover('2','1')" onMouseOut="sub_onmouseout('2','1')"><div style='height:9px;overflow:hidden'></div><div style="width:170px;align:left;float:left"><strong>점핑아이 잔디구장</strong></div>
        <div style="float:left"><img id="sub_menu21_arrow" src='images/arrow-gray.gif'></div></div>
     
      <div id="sub_menu22" class="sub_style" onMouseOver="sub_onmouseover('2','2')" onMouseOut="sub_onmouseout('2','2')"><div style='height:9px;overflow:hidden'></div><div style="width:170px;align:left;float:left"><strong>점핑아이 GYM</strong></div>
        <div style="float:left"><img id="sub_menu22_arrow" src='images/arrow-gray.gif'></div></div>
     
      <div id="sub_menu23" class="sub_style" onMouseOver="sub_onmouseover('2','3')" onMouseOut="sub_onmouseout('2','3')"><div style='height:9px;overflow:hidden'></div><div style="width:170px;align:left;float:left"><strong>점핑아이 대체육관</strong></div>
        <div style="float:left"><img id="sub_menu23_arrow" src='images/arrow-gray.gif'></div></div>


                          <div id="sub_menu24" class="sub_style" onMouseOver="sub_onmouseover('2','4')" onMouseOut="sub_onmouseout('2','4')"><div style='height:9px;overflow:hidden'></div><div style="width:170px;align:left;float:left"><strong>점핑아이 수영장</strong></div>
        <div style="float:left"><img id="sub_menu24_arrow" src='images/arrow-gray.gif'></div></div>

      <div id="sub_menu200" style="display:none;position:absolute;height:133px;font-size:9pt;width:188px;left:233px;top:132px" onMouseOver="sub_onmouseout2('2')"></div>
     
     
      <!-- 잔디구장 -->
      <div id="sub2_menu2" class="sub_style2" style="top:-231px;position:absolute;filter: Alpha(opacity=40, finishopacity=40, style=2);z-index:2" onMouseOver="sub2_onmouseover('2','1')" onMouseOut="sub2_onmouseout('2','1')">
      <table width="550" height="500" cellpadding="0" cellspacing="0">
      <tr>
      <td align="center" valign="center">

      </td>
      </tr>
      </table>

      </div>
      <div onMouseOver="sub2_onmouseover('2','1')" onMouseOut="sub2_onmouseout('2','1')">
      <div id="sub2_menu21" class="sub_style3" style="position:absolute;z-index:10;left:432px;top:-223px">
      <table width="530" height="486" cellpadding="0" cellspacing="0" bgcolor="white">
      <tr>
      <td align="center" valign="center">
      <iframe src="http://jumpingi.com/swf2/g05_gallery.html" width="530" height="483" frameborder="0" scrolling="no"></iframe>
      </td>
      </tr>

      </table>
      </div>
      </div>
      <!-- 잔디구장 끝 -->
     
      <!-- 점핑아이전용 GYM -->
      <div id="sub2_menu2" class="sub_style2" style="top:-231px;position:absolute;filter: Alpha(opacity=40, finishopacity=40, style=2);z-index:2" onMouseOver="sub2_onmouseover('2','2')" onMouseOut="sub2_onmouseout('2','2')">
      <table width="550" height="500" cellpadding="0" cellspacing="0">
      <tr>
      <td align="center" valign="center">

      </td>

      </tr>
      </table>
      </div>
      <div onMouseOver="sub2_onmouseover('2','2')" onMouseOut="sub2_onmouseout('2','2')">
      <div id="sub2_menu22" class="sub_style3" style="position:absolute;z-index:10;left:432px;top:-223px">
      <table width="530" height="486" cellpadding="0" cellspacing="0" bgcolor="white">
      <tr>
      <td align="center" valign="center">
     
      <iframe src="http://jumpingi.com/swf2/g05_gallery_02.html" width="530" height="483" frameborder="0" scrolling="no"></iframe>
      </td>

      </tr>
      </table>
      </div>
      </div>

    <!-- 점핑아이전용 GYM 끝 -->

    <!-- 점핑아이대체육관 -->
      <div id="sub2_menu2" class="sub_style2" style="top:-231px;position:absolute;filter: Alpha(opacity=40, finishopacity=40, style=2);z-index:2" onMouseOver="sub2_onmouseover('2','3')" onMouseOut="sub2_onmouseout('2','3')">
      <table width="550" height="500" cellpadding="0" cellspacing="0">
      <tr>
      <td align="center" valign="center">

      </td>
      </tr>
      </table>
      </div>
      <div onMouseOver="sub2_onmouseover('2','3')" onMouseOut="sub2_onmouseout('2','3')">
      <div id="sub2_menu23" class="sub_style3" style="position:absolute;z-index:10;left:432px;top:-223px">
      <table width="530" height="486" cellpadding="0" cellspacing="0" bgcolor="white">
      <tr>
      <td align="center" valign="center">

      <iframe src="http://jumpingi.com/swf2/g05_gallery_03.html" width="530" height="483" frameborder="0" scrolling="no"></iframe></td>
      </tr>
      </table>
      </div>
      </div>
    <!-- 점핑아이대체육관 끝 -->

    <!-- 점핑아이 수영장시설 시작 -->
    <div id="sub2_menu2" class="sub_style2" style="top:-231px;position:absolute;filter: Alpha(opacity=40, finishopacity=40, style=2);z-index:2" onMouseOver="sub2_onmouseover('2','4')" onMouseOut="sub2_onmouseout('2','4')">
      <table width="550" height="500" cellpadding="0" cellspacing="0">
      <tr>
      <td align="center" valign="center">

      </td>
      </tr>
      </table>

      </div>
      <div onMouseOver="sub2_onmouseover('2','4')" onMouseOut="sub2_onmouseout('2','4')">
      <div id="sub2_menu24" class="sub_style3" style="position:absolute;z-index:10;left:432px;top:-223px">
      <table width="530" height="486" cellpadding="0" cellspacing="0" bgcolor="white">
      <tr>
      <td align="center" valign="center">
      <iframe src="http://jumpingi.com/swf2/g05_gallery_04.html" width="530" height="483" frameborder="0" scrolling="no"></iframe>
      </td>
      </tr>

      </table>
      </div>
      </div>
    <!-- 점핑아이 수영장시설 끝 -->



        </td>
                    </tr>
                    <tr>

                        <td width="242" height="65" align="center" id="menu3_zindex" style="position:relative">
      <div style="position:absolute;left:0px;z-index:-100"><a href="program01.html" onMouseOut="MM_swapImgRestore();menu_onmouseout('3')" onMouseOver="MM_swapImage('Image9','','images/main3_15.jpg',1);menu_onmouseover('3')"><img src="images/main2_15.jpg" name="Image9" width="242" height="65" border="0" id="Image9" /></a></div>
      <div id="sub_menu30" style="display:none;position:absolute;height:133px;font-size:9pt;width:188px;left:233px;top:-192px" onMouseOver="sub_onmouseout2('3')"></div>
      <div id="sub_menu31" class="sub_style" onMouseOver="sub_onmouseover('3','1')" onMouseOut="sub_onmouseout('3','1')"><div style='height:9px;overflow:hidden'></div><div style="width:170px;align:left;float:left"><a href="program01.html" target="_self"><strong>축구</strong></a></div>
        <div style="float:left"><img id="sub_menu31_arrow" src='images/arrow-gray.gif'></div></div>
      <div id="sub_menu32" class="sub_style" onMouseOver="sub_onmouseover('3','2')" onMouseOut="sub_onmouseout('3','2')"><div style='height:9px;overflow:hidden'></div><div style="width:170px;align:left;float:left"><a href="program02.html" target="_self"><strong>농구</strong></a></div>
        <div style="float:left"><img id="sub_menu32_arrow" src='images/arrow-gray.gif'></div></div>
      <div id="sub_menu33" class="sub_style" onMouseOver="sub_onmouseover('3','3')" onMouseOut="sub_onmouseout('3','3')"><div style='height:9px;overflow:hidden'></div><div style="width:170px;align:left;float:left"><a href="program03.html" target="_self"><strong>인라인</strong></a></div>
        <div style="float:left"><img id="sub_menu33_arrow" src='images/arrow-gray.gif'></div></div>
      <div id="sub_menu34" class="sub_style" onMouseOver="sub_onmouseover('3','4')" onMouseOut="sub_onmouseout('3','4')"><div style='height:9px;overflow:hidden'></div><div style="width:170px;align:left;float:left"><a href="program04.html" target="_self"><strong>수영</strong></a></div>
        <div style="float:left"><img id="sub_menu34_arrow" src='images/arrow-gray.gif'></div></div>

      <div id="sub_menu35" class="sub_style" onMouseOver="sub_onmouseover('3','5')" onMouseOut="sub_onmouseout('3','5')"><div style='height:9px;overflow:hidden'></div><div style="width:170px;align:left;float:left"><a href="program05.html" target="_self"><strong>생활체육</strong></a></div>
       
        <div style="float:left"><img id="sub_menu35_arrow" src='images/arrow-gray.gif'></div></div>
      <div id="sub_menu36" class="sub_style" onMouseOver="sub_onmouseover('3','6')" onMouseOut="sub_onmouseout('3','6')"><div style='height:9px;overflow:hidden'></div><div style="width:170px;align:left;float:left"><a href="program06.html" target="_self"><strong>내신체육</strong></a></div>
     
        <div style="float:left"><img id="sub_menu36_arrow" src='images/arrow-gray.gif'></div></div>
      <div id="sub_menu37" class="sub_style" onMouseOver="sub_onmouseover('3','7')" onMouseOut="sub_onmouseout('3','7')"><div style='height:9px;overflow:hidden'></div><div style="width:170px;align:left;float:left"><a href="program07.html" target="_self"><strong>유아체육</strong></a></div>

        <div style="float:left"><img id="sub_menu37_arrow" src='images/arrow-gray.gif'></div></div>
      <div id="sub_menu38" class="sub_style" onMouseOver="sub_onmouseover('3','8')" onMouseOut="sub_onmouseout('3','8')"><div style='height:9px;overflow:hidden'></div><div style="width:170px;align:left;float:left"><a href="program08.html" target="_self"><strong>이벤트교육</strong></a></div>

        <div style="float:left"><img id="sub_menu38_arrow" src='images/arrow-gray.gif'></div></div>
      <div id="sub_menu39" class="sub_style" onMouseOver="sub_onmouseover('3','9')" onMouseOut="sub_onmouseout('3','9')"><div style='height:9px;overflow:hidden'></div><div style="width:170px;align:left;float:left"><a href="program09.html" target="_self"><strong>야구</strong></a></div>

        <div style="display:none"><img id="sub_menu39_arrow" src='images/arrow-gray.gif'></div></div>
      <div id="sub_menu300" style="display:none;position:absolute;height:133px;font-size:9pt;width:188px;left:233px;top:205px" onMouseOver="sub_onmouseout2('3')"></div>
        </td>
                    </tr>

                    <tr>
                       
     



      <td width="242" height="65" align="center" id="menu4_zindex" style="position:relative">
      <div style="position:absolute;left:0px;z-index:-100"><a href="http://club.cyworld.com/club/main/club_main.asp?club_id=52211821" onMouseOut="MM_swapImgRestore();menu_onmouseout('4')" onMouseOver="MM_swapImage('Image10','','images/main3_16.jpg',1);menu_onmouseover('4')"><img src="images/main2_16.jpg" name="Image10" width="242" height="65" border="0" id="Image10" /></a></div>
      <div id="sub_menu40" style="display:none;position:absolute;height:133px;font-size:9pt;width:188px;left:233px;top:-192px" onMouseOver="sub_onmouseout2('4')"></div>
     
      <div id="sub_menu41" class="sub_style" onMouseOver="sub_onmouseover('4','1')" onMouseOut="sub_onmouseout('4','1')"><div style='height:9px;overflow:hidden'></div><div style="width:170px;align:center;float:left"><a href="http://club.cyworld.com/club/main/club_main.asp?club_id=52211821" target="_self">&nbsp;점핑아이싸이월드클럽 이동</a></div>

        <div style="float:left"></div></div>
          <div id="sub_menu400" style="display:none;position:absolute;height:133px;font-size:9pt;width:188px;left:233px;top:205px" onMouseOver="sub_onmouseout2('4')"></div>
     
     
      </td>
                    </tr>
                    <tr>
                        <td width="242" height="65" align="center" valign="middle" id="menu5_zindex" style="position:relative">
      <div style="position:absolute;left:0px;z-index:-100"><a href="#" onMouseOut="MM_swapImgRestore();menu_onmouseout('5')" onMouseOver="MM_swapImage('Image11','','images/main3_17.jpg',1);menu_onmouseover('5')"><img src="images/main2_17.jpg" name="Image11" width="242" height="65" border="0" id="Image11" /></a></div>

      <div id="sub_menu50" style="display:none;position:absolute;height:133px;font-size:9pt;width:188px;left:233px;top:-193px" onMouseOver="sub_onmouseout2('5')"></div>
      <div id="sub_menu51" class="sub_style" onmouseout="sub_onmouseover('5','1')" onmouseout="sub_onmouseout('5','1')"><div style='height:9px;overflow:hidden'></div><div style="width:170px;align:left;float:left"><a href="bbs/zboard.php?id=notice" target="_self"><strong>공지사항</strong></a></div>
              <div style="float:left"><img id="sub_menu51_arrow" src='images/arrow-gray.gif'></div></div>
      <div id="sub_menu52" class="sub_style" onmouseout="sub_onmouseover('5','2')" onmouseout="sub_onmouseout('5','2')"><div style='height:9px;overflow:hidden'></div><div style="width:170px;align:left;float:left"><a href="bbs/zboard.php?id=schedule" target="_self"><strong>스케줄달력</strong></a></div>
              <div style="float:left"><img id="sub_menu52_arrow" src='images/arrow-gray.gif'></div></div>
      <div id="sub_menu53" class="sub_style" onmouseout="sub_onmouseover('5','3')" onmouseout="sub_onmouseout('5','3')"><div style='height:9px;overflow:hidden'></div><div style="width:170px;align:left;float:left"><a href="bbs/zboard.php?id=freeboard" target="_self"><strong>자유게시판</strong></a></div>
              <div style="float:left"><img id="sub_menu53_arrow" src='images/arrow-gray.gif'></div></div>
      <div id="sub_menu54" class="sub_style" onmouseout="sub_onmouseover('5','4')" onmouseout="sub_onmouseout('5','4')"><div style='height:9px;overflow:hidden'></div><div style="width:170px;align:left;float:left"><a href="bbs/zboard.php?id=center" target="_self"><strong>분실물센터</strong></a></div>
      <div style="float:left"><img id="sub_menu54_arrow" src='images/arrow-gray.gif'></div></div>
      <div id="sub_menu500" style="display:none;position:absolute;height:133px;font-size:9pt;width:188px;left:233px;top:75px" onMouseOver="sub_onmouseout2('5')"></div>
        </td>

                    </tr>
                    <tr>
                        <td width="242"><img src="images/main2_18.jpg" width="242" height="10" /></td>
                    </tr>
                    </table>
                </td>
            </tr>
            </table>
        </td>

    </tr>
    <tr>
        <td align="center" background="images/main2_04.jpg">
            <table width="1063" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td height="37" valign="top" background="images/main2_20.jpg"><table width="1063" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td height="12" colspan="3"></td>
                  </tr>
                  <tr>
                    <td width="266"><style>
    BODY,TD,SELECT,input,DIV,form,TEXTAREA,center,option,pre,blockquote {font-size:8pt;font-family:verdana;color:#696756;line-height:170%}

    A:link    {color:#696756;text-decoration:none}
    A:visited {color:#696756;text-decoration:none}
    A:active  {color:#696756;text-decoration:none}
    A:hover  {color:#A4A28E;text-decoration:none}

    .text  {font-family:verdana;font-size:8pt;overflow-x:hidden;overflow-y:auto;filter:dropshadow(color=#FFFFFF,offX=1,offY=1,positive=1);}
    .text2  {font-family:verdana;font-size:7pt;overflow-x:hidden;overflow-y:auto;filter:dropshadow(color=#FFFFFF,offX=1,offY=1,positive=1);}
    .submit {border-width:1;border-style:solid;font-family:verdana;font-size:7pt;color:#696756;border-top-color:#FFFFFF;border-right-color:#BEC0B1;border-left-color:#FFFFFF;border-bottom-color:#BEC0B1;height:19px;}
                    </style></td>
                    <td width="230">&nbsp;</td>
                    <td width="575"><table border="0" cellpadding="0" cellspacing="0" width="97%" align="center">
    <tr>
    <td class="text"><? print_bbs("deart_latest_news", " ", "notice",5,20)?></td>
    <td width="41"><a href='/bbs/zboard.php?id=notice'>more </a></td>
    </tr>
    </table></td>
                  </tr>
                </table></td>
            </tr>
            </table>
        </td>
    </tr>

    <tr>
        <td align="center"><table width="1063" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="308" align="center" valign="top" style="padding:7 0 0 0"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="260" height="146" id="FLVPlayer">
              <param name="movie" value="FLVPlayer_Progressive.swf" />
              <param name="quality" value="high" />
              <param name="wmode" value="opaque" />
              <param name="scale" value="noscale" />
              <param name="salign" value="lt" />
              <param name="FlashVars" value="&amp;MM_ComponentVersion=1&amp;skinName=Clear_Skin_2&amp;streamName=2012movie_1&amp;autoPlay=true&amp;autoRewind=true" />
              <param name="swfversion" value="8,0,0,0" />
              <!-- 이 param 태그는 Flash Player 6.0 r65 이후 버전 사용자에게 최신 버전의 Flash Player를 다운로드하라는 메시지를 표시합니다. 사용자에게 이러한 메시지를 표시하지 않으려면 이 태그를 삭제하십시오. -->
              <param name="expressinstall" value="Scripts/expressInstall.swf" />
              <!-- 다음 객체 태그는 IE 이외의 브라우저에 사용됩니다. IECC를 사용하여 IE에서 이 태그를 숨기십시오. -->
              <!--[if !IE]>-->
              <object type="application/x-shockwave-flash" data="FLVPlayer_Progressive.swf" width="260" height="146">
                <!--<![endif]-->
                <param name="quality" value="high" />
                <param name="wmode" value="opaque" />
                <param name="scale" value="noscale" />
                <param name="salign" value="lt" />
                <param name="FlashVars" value="&amp;MM_ComponentVersion=1&amp;skinName=Clear_Skin_2&amp;streamName=2012movie_1&amp;autoPlay=true&amp;autoRewind=true" />
                <param name="swfversion" value="8,0,0,0" />
                <param name="expressinstall" value="Scripts/expressInstall.swf" />
                <!-- Flash Player 6.0 이전 버전 사용자의 브라우저에는 다음과 같은 대체 내용이 표시됩니다. -->
                <div>
                  <h4>이 페이지의 내용을 보려면 최신 버전의 Adobe Flash Player가 필요합니다.</h4>
                  <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Adobe Flash Player 내려받기" /></a></p>
                </div>
                <!--[if !IE]>-->
              </object>
              <!--<![endif]-->
            </object></td>
            <td width="755" height="200" align="center" style="padding:10 0 30 0"><script language="JavaScript" type="text/javascript">        ShowFlash('flash/banner.swf',740,138)</script>
            </td>
          </tr>
        </table></td>
    </tr>

    <tr>
      <td height="127" align="center" valign="top" background="images/main2_33.jpg"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
    <title>Untitled Document</title>
    </head>

    <body>
    <?
        include "bottom.html";
        ?>
    <script type="text/javascript">
    swfobject.registerObject("FLVPlayer");
    </script>
    </body>
    </html>
    </td>
    </tr>
    </table>
    </body>
    </html>

    댓글 전체

    전체 66,554 |RSS
    그누4 질문답변 내용 검색

    회원로그인

    (주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
    사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
    © SIRSOFT