시작페이지로 즐겨찾기추가
로그인
회원가입 l 출석체크 l 마이페이지 l CGIMALL
happycgi
자료실 사이트등록 랭킹100 프로그램리뷰 관리자추천자료 초보가이드
커뮤니티
전체 펼쳐보기
퀵메뉴링크 jquery , CSS , PHP , Javascript , 무료폰트 , ASP
상세검색
 > HTML > DHTML 관련 > 기본 소스 > Hierarchical Menus 상세정보
사이트등록
현재접속자 새로고침
Hierarchical Menus
소스통계정보 오류신고 및 문의
해피팀
네티즌
트위터로 보내기 페이스북으로 보내기 싸이월드 공감
소스분류 기본 소스
다운로드 횟수 6175 회
간단설명 DHTML을 이용해서 MouseOn/MouseOut으로 작동가능한 cascading menu를 패키지 형식으로 무료 배포. MSIE 4.0이상 (Mac 5.0이상), Netscape4.0 이상에서 작동 가능하다.
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
소스다운로드 데모 미리보기 스크랩하기
윈도우즈 시작 버튼을 클릭하고 프로그램 메뉴에 마우스를 갖다대면 서브메뉴가 나오는 형식을 웹에서 가능하게 합니다.

너무 환상적이라 몇시간을 투자한 끝에 찾았습니다. http://phpwizard.net 의 FAQ 부분에 링크가 되어있어서 다행히도 소개할 수 있었습니다.

zend.com 이나 phpwizard.net 에 가서 어떻게 보여주는지 확인하시면 꼭 해보고 싶을거라는 생각입니다. 이리저리 움직이고 난잡한걸 싫어하는 제가 봐도 아주 멋지더라구요. 그럼 잘 활용하셔서 멋진 페이지를 만들어 보세요.
네티즌 의견   이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)
내용 아이디 의견남기기
보긴 좋은데 쓰기가 넘 어렵네요.
사용법을 올려주신다더니 깜깜 무소식이네요.. 링크된 영문사용법은 링크가 깨졌던데.. 쓰기가 난감 방끗~
사용하시는분 사용법이나 예제 좀 올려줘요..
2001-06-27 00:00:00
엄순섭
찬성 51
반대 47
근데 여기서 소메뉴의 테두리 두께를 바꾸고 싶은데 어떻게 하죠?
2001-01-14 00:00:00
신규섭
찬성 60
반대 59
해피CGI 웹마스터 윤영웅입니다.
전체파일을 새로 올렸습니다.
바로 다운받으시면 됩니다.
압축을 푸시고 파일중
loadme.html을 여시면 됩니다.
그럼 .. ^^
2001-01-01 00:00:00
해피팀
찬성 50
반대 51
프레임을 이용해서 메뉴를 만드시려면 이 메뉴를 로딩하는 페이지의 아랫줄에 을 넣은후에 이 메뉴를 사용하세요. 방금테스트해봤는데 각각 메뉴에대해 프레임지정은 안되지만 메뉴를 클릭했을때 지정된 프레임으로의 이동은 가능하더군요.
2000-11-20 00:00:00
필성
찬성 52
반대 55
좋기는 무척 좋습니다. 몇 가지 문제가 있습니다. 아래와 같습니다. 참고하세요.

1. 프레임을 쓸 경우 스크롤되면 메뉴가 따라 올라가 위쪽으로 숨어 버린다(메뉴가 왼쪽, 아래쪽 프레임에 있을 경우).
2. 역시 프레임을 쓸 경우 메뉴가 보여지는 프레임에 다른 사이트를 링크(타겟 self)했을 경우 에러가 발생하고 더 이상 메뉴가 작동하지 않는다.
3. 메뉴가 있는 프레임만 따로 reload할 경우 역시 에러가 발생한다.
4. 서버가 늦을 경우 로딩 속도가 늦다. 자바는 다 그렇겠지만... 특히 메뉴가 많고 트래픽이 집중될 경우 참기 어려운 수준이 될 수도 있다.

반면, 다음과 같은 장점이 있다.
*대체로 프레임을 쓸 경우 설정하기 어렵고 여러 문제가 발생하므로, 프레임을 쓰지 않는 경우에 권장할만 하다.
*색상을 자유자재로 설정할 수 있다.
*브라우저의 종류에 상관없이 이용할 수 있다.
*업데이트가 매우 빈번하게 이루어지는 편이다.
*사용법, 에러 해결법 등이 매우 자세하게 소개된다.
2000-08-18 00:00:00
강정식
찬성 54
반대 48
빠뜨린 것이 있네요. 단점이 하나 더 있습니다.
검색창과 같은 것이 있는 부분에 메뉴가 펼쳐질 때 검색창 부분이 그대로 노출됩니다. 그 부분의 메뉴가 구현되지 못한다는 것입니다. 그대로 구멍이 뻥... 이게 어쩌면 나을지도 모르죠.
2000-08-18 00:00:00
강정식
찬성 53
반대 57
아래(고재웅님글) 링크되어 있는 홈페이지에 가면 다운로드 받는 파일이 두 개 있습니다.
하나는 이곳에 링크된 hierMenus310_3.zip 인데 압축풀면 hierMenus.js 파일 하나만 있습니다.
이 파일 하나로는 아무도 설치하지 못할것같군요.

또 하나의 다운로드 파일 hierMenus310_3full.zip 을 받으세요. 직접 받으시려면
http://www.webreference.com/dhtml/hiermenus/zips/hierMenus310_3full.zip
위를 누르시고요...

압축을 풀면
hierMenus.js, hierArrays.js, loadme.html, tri.gif 파일이 있습니다.
loadme.html을 오프라인상태에서 열어서 테스트해보세요. 잘 작동될겁니다. 그다음에
우리가 수정해야 할 것은 hierArray.js와 loadme.html파일의 메뉴부분입니다. 메뉴와 링크를 고쳐서 쓰면 됩니다.

홈페이지의 Instruction 부분을 보면 프레임을 쓸 경우 안쓸경우 두 가지 설명이 나와 있는데
위의 loadme.html은 프레임을 쓰지 않을경우의 샘플파일입니다.

요즘 대부분 프레임을 사용하시는데 제가 설명대로 6stpe까지 따라하며 해보았는데 프레임 나누는 부분은 실패했습니다.
프레임을 쓰지 않을경우는 샘플파일로도 충분할겁니다. 그밖에 Instruction에 가면 메뉴의 팝업위치라던가 형태 등 조정할 수 있는 옵션이 많으니 가보시기 바랍니다.

한마디로 정말 어려운 쏘스입니다-_-;;; 해피씨지아이의 설명서를 기대해보죠^^
2000-08-16 00:00:00
배기수
찬성 56
반대 48
사용법을 모르겠어요..ㅠㅠ
압축푸니까 자바스크립으로 나오던데.. 어떻게해야하죠..ㅠ.ㅠ

지발 알려주세요..ㅠ,ㅠ
2000-08-14 00:00:00
KSP3NO
찬성 18
반대 25
방끗~ 마자여..
사용법 좀 알려주세엽..
2000-08-14 00:00:00
건데기
찬성 20
반대 22
소개만 하고 사용법도 없고 제발 알려 주세요
2000-08-14 00:00:00
궁금이
찬성 21
반대 19
이름
내용
:네맞아요: :화나는군요: :잠와: :우울해: :이건아냐: :왕하하: 왕웃음~ 놀램~
도배방지키
 48678257 보이는 도배방지키를 입력하세요.