불여우에서도 되는 메뉴 5

까만도둑

· 20년 전 · 조회 4779 4779 · 댓글 4 4

if (obj == null) return;
    if (to == undefined) { // user clicking
        if (obj._slideStart == true) return;
        if (obj._expand == true) {
            to = 0;
            obj.style.overflow = "hidden";
        } else {
            slide.addId(Id);
            for(var i=0; i < slide.objects.length; i++) {
                if (slide.objects[i].id != Id && slide.objects[i]._expand == true) {
                    slide(slide.objects[i].id);
                }
            }

obj.style.height = "";
            obj.style.overflow = "";
            obj.style.display = "block";
            to = obj.offsetHeight;
            obj.style.overflow = "hidden";
            obj.style.height = "1px";
        }
        obj._slideStart = true;
    }
    
    step            = ((to > 0) ? 1:-1) * step;
    interval        = ((interval==undefined)?1:interval);
    obj.style.height = (H=((H=(isNaN(H=parseInt(obj.style.height))?0:H))+step<0)?0:H+step)+"px";
    
    if (H <= 0) {
        obj.style.display = "none";
        obj.style.overflow = "hidden";
        obj._expand = false;
        obj._slideStart = false;
    } else if (to > 0 && H >= to) {
        obj.style.display = "block";
        obj.style.overflow = "visible";
        obj.style.height = H + "px";
        obj._expand = true;
        obj._slideStart = false;
    } else {
        setTimeout("slide('"+Id+"' , "+interval+", "+to+");", interval);
    }
}
slide.objects = new Array();
slide.addId = function(Id)
{
    for (var i=0; i < slide.objects.length; i++) {
        if (slide.objects[i].id == Id) return true;
    }
    slide.objects[slide.objects.length] = document.getElementById(Id);
}
</script>

width:150px;
}
.submenu {
    width:150px;
    padding-left:10px;
    display:none;
}
</style>
<div class="menu" onClick="slide('sub1');">Tree1</div>
<div id="sub1" class="submenu">
    <div>  + SubTree1-1</div>
    <div>  + SubTree1-2</div>
    <div>  + SubTree1-3</div>

<div>  + SubTree1-4</div>
    <div>  + SubTree1-5</div>
</div>
<div class="menu" onClick="slide('sub2');">Tree2</div>
<div id="sub2" class="submenu">
    <div>  + SubTree2-1</div>
    <div>  + SubTree2-2</div>
    <div>  + SubTree2-3</div>

<div>  + SubTree2-4</div>
</div>
<div class="menu" onClick="slide('sub3');">Tree3</div>
<div id="sub3" class="submenu">
    <div>  + SubTree3-1</div>
    <div>  + SubTree3-2</div>
    <div>  + SubTree3-3</div>
</div>

[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 4개

길선아빠

프로필 보기 이 회원 글보기 이 회원의 댓글보기

20년 전

카논

프로필 보기 이 회원 글보기 이 회원의 댓글보기

20년 전

메뉴를 이미지파일로 하니까..첨에 로딩될때 전부 다 보이고..메뉴를 클릭하면 다시열리고 한번 더 누르면 닫히고...에~~ 이미지로 해서 텍스트메뉴와 같으 효과를내려면 어케해야하나요...
참고로 지금 이미지로 해본 주소 입니다. http://imovielove.com/menu.htm

ㅠ_ㅠ

프로필 보기 이 회원 글보기 이 회원의 댓글보기

19년 전

메뉴 와따네요.^^

프로필 보기 이 회원 글보기 이 회원의 댓글보기

19년 전

하나 구했습니다. 감사~~

게시글 목록

번호	제목	글쓴이	조회	날짜
866	기타 Key 관련 2	醉生夢死™	4,377	19년 전
864	기타 mod_bandwidth(트래픽 제한, 접속자당 제한)	관리자	4,643	19년 전
863	MySQL 초보일지 FC4에서 가상호스트설정과정	어느별	4,863	19년 전
862	기타 pop3서버 설치 방법	관리자	4,965	19년 전
860	JavaScript 메뉴 생성 클래스 1	태엽푸는새	4,747	19년 전
859	기타 1줄짜리 팁, textarea 자동 리사이즈	태엽푸는새	4,715	19년 전
858	JavaScript qpopper(pop3) 설치	관리자	3,998	19년 전
856	기타 아이디뒤에 / 를 않 붙이면 홈페이지 접속이 안됩니다. 1	관리자	3,342	19년 전
855	기타 역재생(rewind)하기	디자이언	4,277	19년 전
854	기타 rpm --import /usr/share/rhn/RPM-GPG-KEY-fedora	관리자	4,030	19년 전
852	JavaScript RTL8201BL 랜카드 잡으려면	관리자	5,331	19년 전
851	MySQL mysql 설치후 실행오류 처리	관리자	4,863	19년 전
850	기타 /etc/sysconfig/i18n 한글 설정	관리자	6,529	19년 전
848	JavaScript RedHat(레드햇) 9 설치 후 yum 설치	관리자	6,210	19년 전
847	MySQL RedHat(레드햇) 7.3 에서 APM 빠른 설치	관리자	5,336	19년 전
845	기타 페도라에서 한글 man page 깨지는 현상 해결	관리자	5,039	19년 전
844	JavaScript 메일 릴레이 테스트	관리자	4,261	19년 전
843	MySQL [펌] 리눅스 샌드메일,imap 설치,설정하기	관리자	5,367	19년 전
842	기타 [펌] Sendmail SMTP 인증 설정 관련(SMTP Auth)	관리자	5,799	19년 전
841	PHP [펌] REDHAT Linux 7.3 이상 sendmail 8.11.6 이상 CONNECTION REFUSED 문제	관리자	4,978	19년 전
839	기타 [자바스크립트][펌]자동으로 새로고침이 필요한 페이지에 삽입 - 찾으려면 보이지 않는 팁 1	나스카	5,057	19년 전
829	PHP 프레임(frame) 새로고침할 때 페이지 유지하기 9	유아원	6,280	19년 전
824	JavaScript 브러시 집안들 브러시 지름을 쉽고 빠르게 조절하자~~~ 4	hwatta	3,847	19년 전
823	정규표현식 페도라 코어 3에서 APM 설치하기	관리자	6,422	19년 전
822	Linux rsync를 이용한 미러링	관리자	5,269	19년 전
820	기타 du -h --max-depth=1 1	관리자	4,328	19년 전
817	기타 트래지션 + 마우스오버 2	sdesign1s	3,559	19년 전
815	기타 vi 서비스 편집 1	현복짱	4,465	20년 전
814	MySQL 리눅스에서 mysql DB설정	현복짱	4,537	20년 전
813	MySQL 리눅스 에서 아파치와 php 설치	현복짱	3,921	20년 전

이전 다음

전체 목록

강좌