웹마스터 팁

펼침메뉴소스

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>