웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
펼침메뉴소스
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>
<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>
댓글 12
-
jjin
2003.06.09 11:29
-
Go!大韓民國
2003.06.09 16:39
제 생각으론 컴내꺼의 메뉴소스를 그냥 퍼오신거 같은데.. -
RedEye(kaist)
2003.06.09 15:04
좋은소스들을 여러사람들이 공유 하다는건 좋은일이지만 먼저 해당사이트운영자에게 허락 또는 출처정도는 예의라고 보고 또한 어떠한 소스를 기입할땐 이렇게 필요없거나 몽땅 써서 도무지 멀 알려주려고 적은건지 초보자들은 헤갈려 합니다.
제가볼땐 자바스크립트와 간단하게 적용한 태그 몇줄이면 될것 같은데
여러가지로 아쉽군요,,전적으로 개인적인 생각입니다.
그리고 이 팁은 자바스크립트 팁 게시판에 더 잘어울릴듯 하네요.
깔끔하게 잘 정리 하셔서 알맞은 게시판에 올려주심이,,,,, -
nreal
2003.06.11 10:09
설명이 한마디도 없어서 좀;;; -
레이
2003.06.11 22:39
레이어로 밑에 서브메뉴 나오게 하는건가요? -
황진철
2003.06.12 19:51
설명이라면..
윈도우즈 탐색기 타입의 메뉴소스라고 보면 되겠요.
테이블 단위로 닫혔을때의 소스, 열렸을때의 소스 두가지를 두고
스타일시트를 이용해서 보여주고 안보여주고를 결정하는 내용이네요.
전에 프로젝트할때 이 소스만 있었더라도.. - 무지 복잡하고 힘들게 만든기억이..
한마디..
퍼왔다고 하신분 - 퍼온곳에 가보시구 정확히 평가해주셨음 싶네요.
어디에다 올렸음 하신분 - 올리는 분도 어디올리는게 좋을까 생각한답니다.
무지 간단하게 구현할 수 있는 펼침메뉴소스 올려주셔서 감사합니다. -
[헉]regz
2003.06.15 09:00
Go!大韓民國//"컴내꺼"꺼 퍼온거 맞습니다...; -
이상국
2003.07.24 00:48
http://www.winbbs.pe.kr/exit.php이걸로테스트 해보세요.
태그 연습장입니다....미리볼수 있어서 이해가 팍 오는데요... -
낭만고양이ㆀ
2003.08.14 16:29
올려주고 욕먹네요.. 이론.... 글올리신분도 생각이 있으셨을텐데요..
전 황진철님이랑 같은 생각입니다...
말없이 그냥 넘길수도 있는데... 이 글올리신 분이 보면 무지 당황해 하실꺼같아서...^^ -
오우|한심
2003.08.23 02:15
이건 컴내꺼군요;ㅂ;/ -
한복규
2003.08.28 21:11
그대로 사용하라고 한 것은 아니고 예를 들어서 설명을 하셨으니 그것을 본인의 스타일에 맞게 고쳐서 사용을 하면 될 것 같습니다...
어디서 퍼왔건 정직하게 [퍼]옴을 밝힌 것이 좋게 보입니다. 요즘은 남의 것을 제 것인양 떠들어대는 사람들이 허다해서 정직함이 돋보이는 세상입니다...
소스 유용하게 사용하겠습니다....^^ 감솨~~~ -
oO나쁜토끼Oo
2004.07.06 17:27
하여튼 감사합니다. 올리신분은 이러한 기능에 중점을 마추어서 올려주신것 같네요.
어떠한 곳의 소스를 빼끼던지.. 그대로 사용하는 사람은 드물거라 생각이 되네요.
무슨소리지........?//
실습을 한번