불여우에서도 되는 메뉴 5

까만도둑

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

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

게시글 목록

번호	제목	글쓴이	조회	날짜
17628	계약서 홈페이지 제작계약서 v9.7.3 16	해피정	7,992	12년 전
17616	기획서 사이트맵 11	해피정	4,522	12년 전
17605	기획서 사이트제작순서 (참고) 10	해피정	7,692	12년 전
20033	CSS 모바일/테블릿의 @font-face 지원여부 2	전진	1,806	12년 전
10521	JavaScript 계층형 카테고리를 여러개 선택할수 있게 하는방법이 없을까요??	김준수사랑	1,235	12년 전
10518	jQuery 슬라이드 업 전체메뉴에 대해 질문드립니다. 2	darllim	2,727	12년 전
10517	OS 제가쓰는 데이터 백업 스크립트	슬픈외로움	1,365	12년 전
10514	OS 모바일에서 파일이첨부되지 않아요 2	프로프리랜서	1,094	12년 전
10504	MySQL mysql like 검색방법 9	프로프리랜서	4,609	12년 전
20029	웹접근성 웹접근성이란? 3	프로프리랜서	1,576	12년 전
10499	JavaScript 자바스크립트를 이용해서 모바일에 selet 박스 구현한것입니다 4	프로프리랜서	934	12년 전
10491	jQuery jquery로 펼침 메뉴 입니다. 7	프로프리랜서	3,739	12년 전
10485	PHP PHP변수를 스크립트로 쓸때 5	프로프리랜서	927	12년 전
20020	웹접근성 웹표준형 화면 확대/축소 8	돼지코구뇽	4,520	12년 전
10484	MySQL 그누보드 설치시 첫번째 MYSQL 정보 입력이 자꾸 어긋나요....	새와바람	810	12년 전
10470	Mobile 끊기지 않는 세션을 만들려면 어떻게? 13	지러유	8,686	12년 전
10463	JavaScript [툴팁] 성능을 고려해서 jquery 와 자바스크립트를 잘 선택해서 사용해야합니다. 6	시누이	2,479	12년 전
280	프로그램 UI 저작권 문의드려요 3	김석준9	3,001	12년 전
20019	CSS 익스플로러에서 CSS3의 컬러속성을 필터로 사용하도록 변경해주는 사이트	port	1,632	12년 전
10459	MySQL csv 편집 방법? 3	지러유	1,907	12년 전
10455	기타 크롬 확장 프로그램 - secure shell 3	프로맘보	1,996	12년 전
10447	OS 특정 폴터 압축하여 보관하기 7	프로프리랜서	1,075	12년 전
10437	OS 파일에서 특정 단어 찾아내기 9	프로프리랜서	1,264	12년 전
10433	JavaScript 자바스크립트 해킹 공격에 대한 방어 3	시누이	2,313	12년 전
10427	PHP php 스크립트로 간단히 mysql 백업하기 5	흥힝힝	4,312	12년 전

이전 다음

44 45 46 47 48

전체 목록