불여우에서도 되는 메뉴 5

까만도둑

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

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

게시글 목록

번호	제목	글쓴이	조회	날짜
20064	CSS 팁은 아닌데 그냥 제가 자주쓰는 버튼 css 5	kiplayer	3,498	12년 전
10570	PHP 서버의 php버전이 낮아서 json_encode() 함수가 안될때 사용하는 함수 2	kiplayer	2,282	12년 전
10566	JavaScript 모바일웹 이미지맵 사용 소스 3	kiplayer	8,224	12년 전
10565	JavaScript [복사하기] 버튼 자료~	kiplayer	933	12년 전
20055	웹접근성 html / css 버튼 만들어 주는 사이트. 자주 활용합니다^^; 편리성 8	돼지코구뇽	16,748	12년 전
10560	PHP php 동영상 강좌 4	서기	6,182	12년 전
10559	jQuery array toggle	개판	675	12년 전
10557	OS Linux 네트워크 트래픽 확인 iftop 1	daro	3,630	12년 전
20051	HTML IE6 PNG 초 간단하게 적용 3	daro	2,093	12년 전
20049	HTML HTML5 placeholder 사용하기 1	daro	4,324	12년 전
10555	OS iptables UDP IP 차단 1	daro	3,034	12년 전
10554	웹서버 nginx 413 Request Entity Too Large 파일 업로드시 해당 오류뜰경우	daro	4,230	12년 전
10553	PHP php array_map() 함수를 대체하기 위해 만든 함수	편리	2,048	12년 전
284	이미지 저작권 질문.. 2	싸이더	4,616	12년 전
10552	OS PHP Mcrypt on CentOS 6	관리자	2,052	12년 전
10551	OS 리눅스 CENT OS 비트(bit) 확인하기	관리자	4,974	12년 전
10545	jQuery 참고사이트 모음 5	dsv421	1,255	12년 전
10541	jQuery ajax로 폼값 쉽게 넘기기 serialize() 3	dsv421	4,093	12년 전
10533	jQuery 기초적이지만 자주 쓰이는 Jquery 팁 20가지 7	dsv421	5,618	12년 전
20045	CSS 제가 사용하는 CSS RESET (초기화) 3	지운아빠	2,497	12년 전
20036	HTML <img> 태그 올 바르게 사용하기. 8	daro	2,287	12년 전
10530	PHP 간단하게 파일을 쓰거나 읽는 함수입니다. 2	프로프리랜서	757	12년 전
10526	PHP 간단하게 파일을 쓰거나 읽는 함수입니다. 3	프로프리랜서	705	12년 전
10524	OS 아파치 로그를 분석하여 특정 아이피가 몇번 접속 했는지 알아내는 스크립트 1	프로프리랜서	3,161	12년 전
10522	OS 파일 목록의 합계 구하기 1	프로프리랜서	1,606	12년 전

이전 다음

43 44 45 46 47

전체 목록