불여우에서도 되는 메뉴 5

까만도둑

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

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

게시글 목록

번호	제목	글쓴이	조회	날짜
20144	웹접근성 웹 표준과 접근성, 그리고 크로스브라우징2 6	블랙스완	3,458	12년 전
20141	웹접근성 웹 표준과 접근성, 그리고 크로스브라우징1 2	블랙스완	2,500	12년 전
10871	JavaScript 스크립트오류 제거 1	senseme	1,832	12년 전
10869	JavaScript 간단한 쿠키지원 팝업 스크립트 1	senseme	1,528	12년 전
10868	기타 PHP 소스코드 온라인으로 실행해 볼 수 있는 곳입니다.	senseme	1,514	12년 전
10867	JavaScript 대소문자변환	senseme	1,270	12년 전
10864	기타 메시지 안뜨는 오른쪽 마우스 금지소스 2	senseme	1,664	12년 전
10862	PHP 계정(HDD) 사용량 출력하기 1	senseme	1,349	12년 전
10859	JavaScript 홈페이지 브라우저 크기 고정시키기 2	senseme	2,408	12년 전
10856	JavaScript iframe 아이프레임 투명처리 2	senseme	1,599	12년 전
10854	기타 CANVAS, SVG, VML 통합 라이브러리 jQuery, MooTools, YUI3 1	senseme	2,213	12년 전
10853	JavaScript 금액 입력시 자동으로 천단위구분기호(,) 붙여주는 함수	senseme	2,098	12년 전
10851	PHP 자바스크립트 폼체크에서 해방되세요// 1	senseme	1,738	12년 전
10849	JavaScript 출생년도에 따른 나이 계산 자바스크립트 1	senseme	4,513	12년 전
10845	기타 사이트에 구글번역 붙이기. 3	senseme	2,663	12년 전
10844	기타 네이버 지도 주소에서 간단히 사이트에 구현하기	senseme	2,814	12년 전
10842	JavaScript iframe에서 페이지를 닫을 때 1	senseme	1,226	12년 전
10835	JavaScript iframe 높이 자동조절 스크립트 6	senseme	8,498	12년 전
10834	JavaScript 자바스크립트 인공지능 장기게임-Minimax	senseme	3,301	12년 전
10832	JavaScript 금액을 한글로 표기 해주는 스크립트; 1	senseme	2,646	12년 전
10830	JavaScript 전화번호 입력시 자동 하이픈 넣기 1	senseme	5,295	12년 전
10828	JavaScript 사업자번호체크스크립트 간단버전 1	senseme	3,372	12년 전
17669	견적서 홈페이지 제작 견적서 14	위토즈	13,275	12년 전
20135	CSS ios 에서 input 스타일 초기화 5	지운아빠	3,878	12년 전
10825	jQuery 플러그인 만들기 간단 예제 2	개판	1,449	12년 전

이전 다음

38 39 40 41 42

전체 목록