웹마스터 팁

펼침메뉴소스

2003.06.08 17:23

이성헌

펼침메뉴 쉽게 만들 수 잇는 소스입니다. 내컴에 보관되어 있던 소스인데..죄송하게도 출처를 잊어버려서..
<html>

<head>


</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">

<script>


// 트리를 위한
function tree(menuName, mode) {
        if (mode == 'open') {
                eval(menuName + "_open").style.display = '';
                eval(menuName + "_close").style.display = 'none';
        } else if (mode == 'close') {
                eval(menuName + "_open").style.display = 'none';
                eval(menuName + "_close").style.display = '';
        }
}
</script>

<table width=150 border=0 align=left cellpadding="0" cellspacing=0 class=back >
<tr>
<td align="right"><br>

        <!--왼쪽메뉴시작-->  
        <table width="100%" cellpadding="0" cellspacing="0">
        <tr>
        <td style="padding-left:5px"><span style='font:bold 10pt'><a href="./subhtml/intro.html" target="PS_MORE">프리미엄서비스</a></span></td>
        </tr>
        </table>

        <!-- CGI 닫힘 -->
        <table id=cgi_close style='cursor: hand' width="95%" border="0" cellspacing="0" cellpadding="0">
        <tr onclick="tree('cgi','open')"><td><img src="http://icons.com.ne.kr/PreITEM_list/images/leftmenu/ftv2pnode.gif" width="16" height="22" align="absmiddle" class='2px'>프리미엄 CGI</td></tr>
        </table>

        <!-- CGI 열림 -->
        <table id=cgi_open style='cursor: hand; display: none' width="95%" border="0" cellspacing="0" cellpadding="0">
        <tr onclick="tree('cgi','close')"><td><img src="http://icons.com.ne.kr/PreITEM_list/images/leftmenu/ftv2mnode.gif" width="16" height="22" align="absmiddle" class='2px'>프리미엄 CGI</td></tr>
        <tr><td valign=top id=lineTD><img src='http://icons.com.ne.kr/PreITEM_list/images/pre_ico/cgi_noad.gif' align='absmiddle' class='2px'><a href='./subhtml/cgi_nobanner.html' target='PS_MORE'>CGI광고제거</a></td></tr>
        <tr><td valign=top id=lineTDend><img src='http://icons.com.ne.kr/PreITEM_list/images/pre_ico/cgi_deco.gif' align='absmiddle' class='2px'><a href='./subhtml/cgi_deco.html' target='PS_MORE'>내 CGI확장팩</a></td></tr>
        </table>

        <!-- HOME 닫힘 -->
        <table id=home_close style='cursor: hand' width="95%" border="0" cellspacing="0" cellpadding="0">
        <tr onclick="tree('home','open')"><td><img src="http://icons.com.ne.kr/PreITEM_list/images/leftmenu/ftv2pnode.gif" width="16" height="22" align="absmiddle" class='2px'>프리미엄 홈계정</td></tr>
        </table>

        <!-- HOME 열림 -->
        <table id=home_open style='cursor: hand; display: none' width="95%" border="0" cellspacing="0" cellpadding="0">
        <tr onclick="tree('home','close')"><td><img src="http://icons.com.ne.kr/PreITEM_list/images/leftmenu/ftv2mnode.gif" width="16" height="22" align="absmiddle" class='2px'+ '>프리미엄 홈계정</td></tr>
        <tr><td valign=top id=lineTD><img src='http://icons.com.ne.kr/PreITEM_list/images/pre_ico/toolbar.gif' align='absmiddle' class='2px'><a href='./subhtml/toolbar.html' target='PS_MORE'>My홈툴바제거</a></td></tr>
        <tr><td valign=top id=lineTD><img src='http://icons.com.ne.kr/PreITEM_list/images/pre_ico/double.gif' align='absmiddle' class='2px'><a href='./subhtml/double.html' target='PS_MORE'>더블스페이스</a></td></tr>        
        <tr><td valign=top id=lineTD><img src='http://icons.com.ne.kr/PreITEM_list/images/pre_ico/autoftp.gif' align='absmiddle' class='2px'><a href='./subhtml/autospeed.html' target='PS_MORE'>오토스피드FTP</a></td></tr>
        <tr><td valign=top id=lineTDend><img src=http://icons.com.ne.kr/PreITEM_list/images/pre_ico/novice.gif align='absmiddle' class='2px'><a href='./subhtml/home_pack.html'+ ' target='PS_MORE'>초보용홈확장팩</a></td></tr>
        </table>

       </html>
제목 글쓴이 날짜
NZEO의 좌측 이동메뉴를 구현해 보자. (이동 On/Off 기능 포함) [43] steelheart 2002.08.20
플래쉬 효과나는 신비 메뉴 - -? *수정+카피라이터~ [17] ▩윤미 2002.06.09
링크된 텍스르 마우스 오버시 그림이 변한다.(메뉴로도..) [1] ▩윤미 2002.05.19
DHTM 을 이용한 마우스 오른쪽의 메뉴 만들기.. [11] 허진규 2001.03.30
메뉴에 마우스오버시 레이어서브메뉴창 뜨게하기 (나모웹) file H.N커뮤니티 2009.02.22
셀렉트박스 트리메뉴인데 참 이뻐요(링크타켓 - new/blank) [8] file 뽀因㉦ㅓо Ø Γ 2006.09.19
셀렉트박스 트리메뉴인데 참 이뻐요(링크타켓 - top) [3] 뽀因㉦ㅓо Ø Γ 2006.09.19
슬라이드 배너및 메뉴가 익스플러 창 조절시 좌표값 변할때 사용 하는 구문!! 천문길 2006.08.21
relative 속성 레이어를 이용한 메뉴를 자리차지하지 않게... [1] PHASE 2004.06.03
자동 스크롤 메뉴 (끄기 기능, 무한 스크롤 X) [6] ☺심심 2004.05.02
서브 메뉴 나타났다가 사라지게 하는 방법. 그동안의 노가다는 이젠 끝! [22] file CoolUnit 2004.03.01
마우스 오버시 서브메뉴 나타나게 하는방법 입니다 [12] 키드 2004.01.26
[매크로] mac_0004 메뉴를 담은 표의 위치와 모양 바꿔치기 매크로 [1] 김병희 2003.06.16
펼침메뉴소스 [12] 이성헌 2003.06.08
쭘식 메뉴만들기 - 세로 슬라이드 메뉴 [11] file 쭘's 2003.04.29
펼침 목록 메뉴 만들기! (나모) - 쭘's [8] file 쭘's 2003.03.25
나왔다 드러갔다하는 메뉴.. [15] file Mr. JH 2002.05.17
엔지오식 레이어 메뉴 구성하기 (허접) [3] 정영순 2002.03.28
[생초보팁] 서브메뉴 배경이미지 활용하기 [4] file 에혀라X 2010.11.24
저니님의 업 다운 퀵메뉴 적용하기 [4] file nabul2 2010.09.05