불여우에서도 되는 메뉴 5

까만도둑

· 20년 전 · 조회 4780 4780 · 댓글 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년 전

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

게시글 목록

번호	제목	글쓴이	조회	날짜
449	기타 아파치 VirtualHost 1	꽁이	4,851	20년 전
447	기타 아파치에서 한글명으로 된 파일을 실행시키기 1	꽁이	6,431	20년 전
444	JavaScript 포토샵 액션 AutoGaussian-피부질감 수정 2	플록	8,212	20년 전
438	Flash 토수니 5	zzzz	5,151	20년 전
436	기타 괜찮은 css 에디터 1	바세린	6,463	20년 전
429	기타 포토샵 인터페이스 이해하기 1 6	웹솔	5,010	20년 전
428	JavaScript 아파치 웹서버 프로세스 갯수 늘리기	카무이	5,392	20년 전
425	기타 역시 첫 게시물... 일러스트 단축키 2	bbking	11,950	20년 전
412	JavaScript css를 이용한 기본적인 레이아웃.. 1	바세린	5,679	20년 전
411	MySQL mysql 파일시스템 체크하는 쉘스크립트 - 펌	hanpedro	5,730	20년 전
410	기타 불여우에서도 되는 떠있는 레이어	까만도둑	4,106	20년 전
409	JavaScript 불여우에서도 되는 서브메뉴가 있는 메뉴 #2	까만도둑	4,102	20년 전
408	기타 불여우에서도 되는 서브메뉴가 있는 메뉴 #1	까만도둑	3,512	20년 전
407	기타 Automatically Jumping To The Next Field	관리자	2,768	20년 전
406	기타 learning the shell : 한파일을 subdirectory에 단번에 추가하자!!!	아우겐나이스	3,637	20년 전
404	MySQL 데이터베이스 를 사용자 계정에 설치하기 1	email	5,099	20년 전
403	MySQL gd+jpg+png+tiff rpm 설치..	This	5,757	20년 전
388	MySQL php함수정리(장난 아니게 기네요..--;; ) 14	임진수	12,891	20년 전
375	MySQL php 오류정리 12	임진수	7,912	20년 전
374	기타 실시간 카운트 다운 시계	카이루	5,873	20년 전
373	기타 사용자 계정 삭제	최용섭	4,845	20년 전
372	JavaScript chmod 허가권변경	최용섭	5,147	20년 전
371	기타 소유권변경	최용섭	3,483	20년 전
370	PHP 웹호스팅시 fopen함수를 사용하지 못할 경우	최용섭	4,672	20년 전
364	PHP 웹호스팅시 fopen함수를 사용하지 못할 경우 5	최용섭	4,659	20년 전
362	PHP 웹호스팅해서 사용시 fopen을 사용하지 못할 경우 1	최용섭	4,076	20년 전
359	기타 vim 의 펑션키 지정하기 1	This	4,267	20년 전
358	기타 fstab 내용 뒤에 숫자는 무엇인가?	This	4,152	20년 전
357	JavaScript vim 의 들여쓰기 + 색상 눈 덜피곤 c++ php 등.. (리눅스용)	This	5,701	20년 전
356	JavaScript vim 의 간단한 사용법	This	4,259	20년 전

이전 다음

전체 목록

강좌