메뉴바 뭐로 만들어진건가요? > 그누4 질문답변

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

    그누4 질문답변

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

    메뉴바 뭐로 만들어진건가요? 정보

    메뉴바 뭐로 만들어진건가요?

    본문

    몇일 전에도 메뉴바 관련된 글을 올렸었습니다. 또 궁금한게 있어서 올려봅니다.
     
    홈페이를 개선하는데 제가 가진 실력이
    너무 부족해서 남에게 도움을 주긴 커녕 질문밖에 할 수 없다는점 양해부탁드립니다.
    제가 홈페이지 고수님들께 받은 은혜는 다시 저와 같이 열정만 있고 실력이 없는 비기너
    회원에게 돌려주도록 하겠습니다. 

    이 사이트 메뉴바가 jquery로 만들어진 건가요?
    제 사이트를 이거와 비슷하게 만들고 싶은데 여기 관련 소스는 어떻게 구할 수 있을까요...

    http://www.talkbean.co.kr

    댓글 전체

    선택이란 자기소개 아이디로 검색 회원게시물 11.09.21 14:16:11
    자바스크립트와 레이어를 이용한 메뉴입니당
    그냥 소스보기로 저 샘플사이트에서 따서 써두됍니다^^ 밑에 소스이니 편집해서 만드러보세염~

    <script>

    // GNB메뉴의 번호에 따라 활성화 이미지를 보여줌
    if("" == "100"){
    setTimeout("over('menu1')", 100);
    }else if("" == "200"){
    setTimeout("over('menu2')", 100);
    }else if("" == "300"){
    setTimeout("over('menu3')", 100);
    }else if("" == "400"){
    setTimeout("over('menu4')", 100);
    }else if("" == "500"){
    setTimeout("over('menu5')", 100);
    }

    // GNB메뉴에 마우스오버했을 때 각각의 서브메뉴를 보여줌
    function over(div){

    var obj = document.getElementsByTagName("div");
     
      for(var i=0;i<obj.length;i++){
     
      if(obj[i].id.substr(0,4)=='menu'){
      obj[i].style.display = "none";
      }
      }
     
      var gb = div.substr(4, 5);
      var id  = document.getElementById(div);
      id.style.display = "inline";

    if(gb == 1){
    document.images.img1.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb01on.gif";
    document.images.img2.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb02.gif";
    document.images.img3.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb03.gif";
    document.images.img4.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb04.gif";
    document.images.img5.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb05.gif";
    }else if(gb == 2){
    document.images.img1.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb01.gif";
    document.images.img2.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb02on.gif";
    document.images.img3.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb03.gif";
    document.images.img4.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb04.gif";
    document.images.img5.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb05.gif";
    }else if(gb == 3){
    document.images.img1.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb01.gif";
    document.images.img2.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb02.gif";
    document.images.img3.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb03on.gif";
    document.images.img4.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb04.gif";
    document.images.img5.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb05.gif";
    }else if(gb == 4){
    document.images.img1.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb01.gif";
    document.images.img2.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb02.gif";
    document.images.img3.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb03.gif";
    document.images.img4.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb04on.gif";
    document.images.img5.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb05.gif";
    }else{
    document.images.img1.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb01.gif";
    document.images.img2.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb02.gif";
    document.images.img3.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb03.gif";
    document.images.img4.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb04.gif";
    document.images.img5.src =  "http://image.talkbean.com/front/kor/images/gnb/S4_gnb05on.gif";
    }

    }
    </script>

    <table border="0" height="80" width="100%"  style="background-image: url('http://image.talkbean.com/front/kor/images/gnb/@gnb_00bg_1.jpg'); background-repeat:no-repeat;" >
    <tr>
    <td valign="top">
    <!-- GNB 메뉴 -->
    <!-- 토크빈이란 -->
    <a href="/howto.do?cmd=howtoStudy" onmouseover="over('menu1')" >
    <img src="http://image.talkbean.com/front/kor/images/gnb/S4_gnb01.gif" name="img1"
    alt="overview" style="margin-top: 2px">
    </a>
    <!-- 교육프로그램 -->
    <a href="/display.do?cmd=programMain" onmouseover="over('menu2')">
    <img src="http://image.talkbean.com/front/kor/images/gnb/S4_gnb02.gif" name="img2"
    alt="overview" style="margin-top: 2px">
    </a>
    <!-- 수강신청 -->
    <a href="/order.do?cmd=viewApplyFeeAll" onmouseover="over('menu3')">
    <img src="http://image.talkbean.com/front/kor/images/gnb/S4_gnb03.gif" name="img3"
    alt="overview" style="margin-top: 2px">
    </a>
    <!-- 마이빈 -->
    <a href="/member.do?cmd=mybeanEnterRoom" onmouseover="over('menu4')">
    <img src="http://image.talkbean.com/front/kor/images/gnb/S4_gnb04.gif" name="img4"
    alt="overview" style="margin-top: 2px">
    </a>
    <!-- 토크빈라운지 -->
    <a href="/freeExp.do?cmd=lessonFeedback" onmouseover="over('menu5')">
    <img src="http://image.talkbean.com/front/kor/images/gnb/S4_gnb05.gif" name="img5"
    alt="overview" style="margin-top: 2px">
    </a>
    <br>
    <!-- GNB서브메뉴 -->
    <!-- 토크빈이란 서브메뉴 -->
    <div id="menu1" style="display: none; background-color: #FFFFFF; padding-top: 2px; padding-left: 10px;">
    요기에다가 서브메뉴 태그를 넣으세요
    </div>
    <!-- 교육프로그램 서브메뉴 -->
    <div id="menu2" style="display: none; background-color: #FFFFFF; padding-top: 2px; padding-left: 10px;">
    <font style='font-size: 11px; font-family: dotum; '>
    <a href="/display.do?cmd=debateCourse" target="_top" >
    상위1%영어토론
    </a>
    &nbsp;|&nbsp;
    <a href="/display.do?cmd=intensiveCourse" target="_top" >
    스피킹집중코스
    </a>
    &nbsp;|&nbsp;
    <a href="/display.do?cmd=juniorStoryTelling" target="_top" >
    주니어스토리텔링
    </a>
    &nbsp;|&nbsp;
    <a href="/display.do?cmd=storyGrammar" target="_top" >
    스토리그래머
    </a>
    &nbsp;|&nbsp;
    <a href="/display.do?cmd=jumpingUp" target="_top" >
    점핑업리딩&라이팅
    </a>
    &nbsp;|&nbsp;
    <a href="/display.do?cmd=juniorClinic" target="_top" >
    1:1주니어입문과정
    </a>
    </font>
    </div>
    <!-- 수강신청 서브메뉴 -->
    <div id="menu3" style="display: none; background-color: #FFFFFF; padding-top: 2px; padding-left: 10px; padding-right: 70px">
    <font style='font-size: 11px; font-family: dotum; '>
    <a href="/lvTest.do?cmd=lvTestIntro" target="_top" >
    무료레벨테스트
    </a>
    &nbsp;|&nbsp;
    <a href="/order.do?cmd=viewApplyFeeAll" target="_top" >
    수강료
    </a>
    &nbsp;|&nbsp;
    <a href="/order.do?cmd=viewWebcamHeadset" target="_top" >
    웹캡헤드셋구매
    </a>
    &nbsp;|&nbsp;
    <a href="/order.do?cmd=viewMaterial&course=S1" target="_top" >
    교재구매
    </a>
    </font>
    </div>
    <!-- 마이빈 서브메뉴 -->
    <div id="menu4" style="display: none; background-color: #FFFFFF; padding-top: 2px; padding-left: 10px;">
    <font style='font-size: 11px; font-family: dotum; '>
    <a href="/lvTest.do?cmd=levelTestList" target="_top" >
    레벨테스트결과
    </a>
    &nbsp;|&nbsp;
    <a href="/attLecIng.do?cmd=AttLecIngList" target="_top" >
    수업캘린더
    </a>
    &nbsp;|&nbsp;
    <a href="/board2.do?cmd=fromTeacherList" target="_top" >
    1:1게시판
    </a>
    &nbsp;|&nbsp;
    <a href="/account.do?cmd=getDepositPayList" target="_top" >
    통장관리
    </a>
    <!-- 
    &nbsp;|&nbsp;
    <a href="/message.do?cmd=recvMsgList" target="_top" < if(menuNum2.equals("405")){ %> style="font-weight: bold" < } %>>
    쪽지관리
    </a>
    -->
    &nbsp;|&nbsp;
    <a href="/order.do?cmd=productOrderList" target="_top" >
    장비/교재신청내역
    </a>
    &nbsp;|&nbsp;
    <a href="/attLecIng.do?cmd=receiptDisplayList" target="_top" >
    영수증출력
    </a>
    &nbsp;|&nbsp;
    <a href="/member.do?cmd=memberBaseInfoEdit" target="_top" >
    회원정보관리
    </a>
    </font>
    </div>
    <!-- 토크빈라운지 서브메뉴 -->
    <div id="menu5" style="display: none; background-color: #FFFFFF; padding-top: 2px; padding-left: 10px;">
    <font style='font-size: 11px; font-family: dotum; '>
    <a href="/freeExp.do?cmd=lessonFeedback" target="_top" >
    강의후기
    </a>
    &nbsp;|&nbsp;
    <a href="/freeExp.do?cmd=lessonAudit" target="_top" >
    무료그룹수업청강
    </a>
    &nbsp;|&nbsp;
    <a href="/freeExp.do?cmd=newsLetterStudent" target="_top" >
    최우수수강생
    </a>
    &nbsp;|&nbsp;
    <a href="/freeExp.do?cmd=newsLetterStudentRe" target="_top" >
    우수수강생
    </a>
    &nbsp;|&nbsp;
    <a href="/freeExp.do?cmd=newsLetterStudentReRe" target="_top" >
    준우수수강생
    </a>
    &nbsp;|&nbsp;
    <a href="/freeExp.do?cmd=newsLetter" target="_top" >
    이달의강사
    </a>
    &nbsp;|&nbsp;
    <a href="/freeExp.do?cmd=studyZoneList&amp;categorySeq=1247" target="_top" >
    학습공간
    </a>
    </font>
    </div>
    </td>
    <td width="212" valign="top">
    <a href="/freeExp.do?cmd=newsLetterStudent" target="_top">
    <img src="/flash/student.png"
    style="margin-top: 2px" width="212" height="68">
    </a>
    </td>
    </tr>
    </table>
    전체 66,554 |RSS
    그누4 질문답변 내용 검색

    회원로그인

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