불여우에서도 되는 메뉴 5

까만도둑

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

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

게시글 목록

번호	제목	글쓴이	조회	날짜
510	JavaScript GetImageSize() 2	예진맘	2,662	20년 전
509	JavaScript 리눅스 서버의 시간이 맞지 않을때?	prosper	2,304	20년 전
17809	HTML man 페이지 txt파일로 저장하기	prosper	2,127	20년 전
508	기타 키보드의 방향키로 윈도우의 위치를 이동시킵니다	카이루	2,135	20년 전
507	기타 이동식 메뉴 박스	카이루	2,285	20년 전
506	기타 오늘은 어딜 가볼까? 콤보상자 회전후 이동하기	카이루	1,897	20년 전
505	기타 마우스 대신 키보드를 눌러 원하는 곳으로 이동합니다	카이루	1,902	20년 전
504	JavaScript 체크박스를 클릭하면 이동하는 체크박스 메뉴 스크립트	카이루	2,096	20년 전
503	기타 select 으로 이동하기 사이트 이동 소스	카이루	2,337	20년 전
495	기타 책장을 넘기는 것같은 이미지 슬라이드 쇼 스크립트 7	카이루	4,555	21년 전
494	기타 특정 디렉토리 또는 파일 갯수 세기	prosper	2,688	21년 전
493	JavaScript 디렉토리 내에서 파일만 퍼미션 변경	prosper	2,090	21년 전
491	기타 마우스를 대면 링크 이미지들을 미리 보여줍니다 1	카이루	2,149	21년 전
17806	HTML 이미지를 5단계로 키워서 보자 2	카이루	2,101	21년 전
490	JavaScript DirectX의 와이프 기능을 사용한 이미지 스와핑 효과	카이루	2,380	21년 전
488	기타 풀다운 콤보메뉴로 이미지들을 보여줍니다 1	카이루	2,525	21년 전
486	JavaScript 특정 이미지를 지정한 날까지만 보여줍니다 1	카이루	1,732	21년 전
484	기타 부드럽게 오버랩되는 이미지 슬라이드 쇼 1	카이루	4,040	21년 전
483	기타 끊김없이 연속적으로 스크롤 되는 이미지 스크롤러 스크립트	카이루	3,820	21년 전
481	JavaScript iframe 써서 노 프레임 효과 내기 1	카이루	2,939	21년 전
480	MySQL 설치Apache 1.3.29 + PHP 4.3.4 + MySQL + GD + IMAP 등등 설치	prosper	2,857	21년 전
479	MySQL [펌] mysql 인덱싱.	관리자	5,224	21년 전
478	MySQL Apache 1.3.x, php, mysql 3.x 연동(php정적모듈 설치) 웹서버 구축하기(첫번째 mysql 설치)	아우겐나이스	4,004	21년 전
17805	HTML 리눅스 압축관련 명령어	아우겐나이스	4,403	21년 전
477	JavaScript 퍼미션관련 명령어	아우겐나이스	3,420	21년 전

이전 다음

전체 목록