불여우에서도 되는 메뉴 5

까만도둑

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

길선아빠

번호	제목	글쓴이	날짜	조회
6002	배경음악 랜덤 재생 하기 입니다. #개발자 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	176
6001	css 지원 여부 확인해서 다른 페이지로 이동하기 입니다. #개발자 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	151
6000	하부메뉴가 보였다가 숨겨졌다 하는 토글버튼 입니다. #개발자 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	199
5999	개별 페이지에 인덱스로 거쳐 들어오게 하기 입니다. #개발자 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	140
5998	랜덤으로 이미지 출력 되기 입니다. #개발자 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	182
5997	사용자 해상도 알아내기 입니다. #개발자 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	207
5996	붙여넣기 금지하기 입니다. #개발자 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	162
5995	대소문자 데이터 조회하기 #개발자 #mysql	서로웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	213
5994	퇴장시 팝업창 한번한 띄우기 입니다. #개발자 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	169
5993	www 주소 리다이렉션 시켜주기 입니다. #개발자 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	240
5992	신문 기사를 긁어오기 입니다. #개발자 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	316
5991	시도, 구군, 동 주소 select #개발자 #javascript	슈와이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	326
5990	커리로 DB 테이블 명세서 출력하기 #개발자 #mysql	서로웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	265
5989	브라우저 해상도 구분없는 절대 x,y 좌표 값 구하기 입니다 #개발자 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	240
5988	rss 읽어오기 입니다. #개발자 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	243
5987	자바스크립트로 Ajax 효과내기 입니다. #개발자 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	208
5986	css 마우스 오버, 테두리 #개발자 #기타	서로웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	242
5985	키보드,마우스 등 불펌방지 입니다. #개발자 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	203
5984	해상도에 따라 서로 다른 페이지로 접속 하기 입니다. #개발자 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	168
5983	특정페이지에서 자동으로 새로고침 하기 입니다. #개발자 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	165
5982	마우스 오버시 이미지 안쪽에 테두리주기 #개발자 #javascript	서로웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	223
5981	git 사용메뉴얼 보면 깝깝 하네요 #개발자 #node.js	아길이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	262
5980	그림자가 있는 글자 표현하기 입니다. #개발자 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	213
5979	css로 테이블 만들기 입니다. #개발자 #php	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	229
5978	간결한 레이어 메뉴 입니다. #개발자 #javascript	혀니천사 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	204

불여우에서도 되는 메뉴 5

댓글 작성

댓글 4개

게시판 목록

팁게시판

배경음악 랜덤 재생 하기 입니다.

css 지원 여부 확인해서 다른 페이지로 이동하기 입니다.

하부메뉴가 보였다가 숨겨졌다 하는 토글버튼 입니다.

개별 페이지에 인덱스로 거쳐 들어오게 하기 입니다.

랜덤으로 이미지 출력 되기 입니다.

사용자 해상도 알아내기 입니다.

붙여넣기 금지하기 입니다.

대소문자 데이터 조회하기

퇴장시 팝업창 한번한 띄우기 입니다.

www 주소 리다이렉션 시켜주기 입니다.

신문 기사를 긁어오기 입니다.

시도, 구군, 동 주소 select

커리로 DB 테이블 명세서 출력하기

브라우저 해상도 구분없는 절대 x,y 좌표 값 구하기 입니다

rss 읽어오기 입니다.

자바스크립트로 Ajax 효과내기 입니다.

css 마우스 오버, 테두리

키보드,마우스 등 불펌방지 입니다.

해상도에 따라 서로 다른 페이지로 접속 하기 입니다.

특정페이지에서 자동으로 새로고침 하기 입니다.

마우스 오버시 이미지 안쪽에 테두리주기

git 사용메뉴얼 보면 깝깝 하네요

그림자가 있는 글자 표현하기 입니다.

css로 테이블 만들기 입니다.

간결한 레이어 메뉴 입니다.