묻고답하기
염치불구하고 부탁드립니다.(이동메뉴관련)
2003.02.27 18:19
안녕하세요?
nzeo 홈처럼 좌측 이동메뉴를 구현하고 싶었는데요... steelheart님의 방법을 사용해봤습니디만...
이상하게도 외부로그인이 이동메뉴가 먹히질 않습니다. 나모에서 해보면 아이프레임으로 집어넣은 소스는 구현이 잘됩니다. 그래서 계정으로 업로드하면 외부로그인과 아이프레임소스가 나오기는 하는데 이동메뉴의 기능이 실현되지 않습니다. 하루종일 고생해도 해법이 없습니다. 외부로그인은 불가능한 것인지...
염치불구하고 제 소스를 보여드립니다. 좀 복잡한데 이동메뉴 부분만 보시면 될 것입니다.
고수님들의 도움부탁드립니다.
<?
$_zb_url = "http://mulsal21.dotple.com/zboard/";
$_zb_path = "/home/mulsal21/public_html/zboard/";
include $_zb_path."outlogin.php";
include "fine9.php";
?>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>바람구두국어교실입니다.^-^//</title>
<script language="javascript">
<!--
var stmnLEFT = 130; // 스크롤메뉴의 좌측 위치. 필요 없을 경우 삭제
var stmnGAP1 = 150; // 페이지 헤더부분의 여백 (이보다 위로는 올라가지 않음)
var stmnGAP2 = 10; // 스크롤시 브라우저 상단과 약간 띄움. 필요없으면 0으로 세팅
var stmnBASE = 200; // 스크롤메뉴 초기 시작위치 (아무렇게나 해도 상관은 없지만 stmnGAP1과 약간 차이를 주는게 보기 좋음)
var stmnActivateSpeed = 200; // 움직임을 감지하는 속도 (숫자가 클수록 늦게 알아차림)
var stmnScrollSpeed = 10; // 스크롤되는 속도 (클수록 늦게 움직임)
var stmnTimer;
// 쿠키 읽기
function ReadCookie(name)
{
var label = name + "=";
var labelLen = label.length;
var cLen = document.cookie.length;
var i = 0;
while (i < cLen) {
var j = i + labelLen;
if (document.cookie.substring(i, j) == label) {
var cEnd = document.cookie.indexOf(";", j);
if (cEnd == -1) cEnd = document.cookie.length;
return unescape(document.cookie.substring(j, cEnd));
}
i++;
}
return "";
}
// 쿠키 저장
function SaveCookie(name, value, expire)
{
var eDate = new Date();
eDate.setDate(eDate.getDate() + expire);
document.cookie = name + "=" + value + "; expires=" + eDate.toGMTString()+ "; path=/";
}
// 스크롤 메뉴의 위치 갱신
function RefreshStaticMenu()
{
var stmnStartPoint, stmnEndPoint, stmnRefreshTimer;
stmnStartPoint = parseInt(STATICMENU.style.top, 10);
stmnEndPoint = document.body.scrollTop + stmnGAP2;
if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;
stmnRefreshTimer = stmnActivateSpeed;
if ( stmnStartPoint != stmnEndPoint ) {
stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
STATICMENU.style.top = parseInt(STATICMENU.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount );
stmnRefreshTimer = stmnScrollSpeed;
}
stmnTimer = setTimeout ("RefreshStaticMenu();", stmnRefreshTimer);
}
// 메뉴 ON/OFF 하기
function ToggleAnimate()
{
if (ANIMATE.checked) { // 이동하기 버튼이 체크되었다면
RefreshStaticMenu(); // 메뉴위치를 다시 조정
SaveCookie("ANIMATE", "true", 300); // 이동이 ON 상태라고 쿠키를 설정
}
else { // 아니라면... (이동하기 버튼이 체크되어 있지 않으면)
clearTimeout(stmnTimer); // 이동용 타이머 해제
STATICMENU.style.top = stmnGAP1; // 메뉴의 위치를 상단으로 옮긴다.
SaveCookie("ANIMATE", "false", 300); // 이동상태가 "OFF" 임
}
}
// 메뉴 초기화
function InitializeStaticMenu()
{
if (ReadCookie("ANIMATE") == "false") { // 이동상태가 off 상태라면
ANIMATE.checked = false; // 체크표시를 지우고
STATICMENU.style.top = document.body.scrollTop + stmnGAP1; // 맨 위에 들러 붙는다.
}
else { // 이동 on 상태라면
ANIMATE.checked = true; // 체크표시를 하고
STATICMENU.style.top = document.body.scrollTop + stmnBASE; // 기본위치로 이동한다.
RefreshStaticMenu(); // 스크립트 가동
}
STATICMENU.style.left = stmnLEFT; // 메뉴 왼쪽 위치 초기화. 필요없을 경우 삭제
}
-->
</script>
<script language="javascript" type="text/javascript" src="/common/pz_chromeless_2.1.mic.1.js"></script>
<script language="javascript" type="text/javascript" src="/common/rollnlayer.js"></script>
<script language="javascript" type="text/javascript" src="/common/other.js"></script>
<script language="javascript" type="text/javascript" src="/common/ngine.js"></script>
<link rel="stylesheet" type="text/css" href="http://mulsal21.dotple.com/style3.css">
<script language="JavaScript">
<!--
function newsWindow()
{window.open('pop.htm','SmallWindow','width=400,height=400,scrollbars=no');}
// -->
</script>
</head>
<body bgcolor="#999999" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" background="img2/bg.gif">
<table width="789" cellpadding="0" cellspacing="0">
<tr>
<td width="779" height="823" rowspan="2" colspan="2">
<table cellpadding="0" cellspacing="0" width="780" height="200" align="center">
<tr>
<td width="780" colspan="3" height="30" align="center" valign="middle" bgcolor="#999999" bordercolor="black" bordercolordark="black" bordercolorlight="black">
<div align="right">
<table width="780" height="35" border="0" cellspacing="0" cellpadding="0" bgcolor="black">
<tr>
<td width="278" height="27" bgcolor="black">
<a href="http://mulsal21.dotple.com" onMouseOut="ngine_ResetMenu();" onMouseOver="javascript:ngine_ShowMenu(8);window.status=(' 바람구두추 > 시작으로 ');return true;" onfocus="this.blur();" title="처음으로"><img src="img1/banner2.gif" align="bottom" width="115" height="35" name="m13" border="0"></a> </td>
<!-- 1 번 메뉴 -->
<td width="60" height="27"><table width="60" height="35" cellpadding="0" cellspacing="0" border="0">
<tr><td height="25"><a href="file:///D|/home/study.php" onMouseOut="ngine_ResetMenu();" onMouseOver="javascript:ngine_ShowMenu(1);window.status=(' 바람구두추 > 국어교실 ');return true;" onfocus="this.blur();"><img src="img1/menu_1.gif" width="60" height="25" name="m1" border="0"></a></td></tr>
<tr><td height="10" bgcolor="black"></td></tr>
</table></td>
<td width="12" height="27"><img src="img1/menu_line.gif" width="12" height="36" border="0"></td>
<!-- 2번 메뉴 -->
<td width="60" height="27"><table width="60" height="35" cellpadding="0" cellspacing="0" border="0" bgcolor="black">
<tr><td><a href="file:///D|/wave/wave.php" onMouseOut="javascript:ngine_ResetMenu();" onMouseOver="javascript:ngine_ShowMenu(2);window.status=(' 바람구두추 > 문학교실 ');return true;" onfocus="this.blur();"><img src="img1/menu_2.gif" width="60" height="25" name="m2" border="0"></a></td></tr>
<tr><td height="10" bgcolor="black"></td></tr>
</table></td>
<td width="12" height="27"><img src="img1/menu_line.gif" width="12" height="36" border="0"></td>
<!-- 3번 메뉴 -->
<td width="60" height="27"><table width="60" height="35" cellpadding="0" cellspacing="0" border="0">
<tr><td><a href="file:///D|/skin/skin.php" onMouseOut="javascript:ngine_ResetMenu();" onMouseOver="javascript:ngine_ShowMenu(3);window.status=(' 바람구두추 > 수능언어 ');return true;" onfocus="this.blur();"><img src="img1/menu_3.gif" width="60" height="25" name="m3" border="0"></a></td></tr>
<tr><td height="10" bgcolor="black"></td></tr>
</table></td>
<td width="12" height="27"><img src="img1/menu_line.gif" width="12" height="36" border="0"></td>
<!-- 4번 메뉴 -->
<td width="60" height="27"><table width="60" height="35" cellpadding="0" cellspacing="0" border="0">
<tr><td height="24"><a href="file:///D|/gathering/gathering.php" onMouseOut="javascript:ngine_ResetMenu();" onMouseOver="javascript:ngine_ShowMenu(4);window.status=('+ '+ ' 바람구두추 > 문제은행 ');return true;" onfocus="this.blur();"><img src="img1/menu_4.gif" width="60" height="25" name="m4" border="0"></a></td></tr>
<tr><td height="10" bgcolor="black"></td></tr>
</table></td>
<td width="12" height="27"><img src="img1/menu_line.gif" width="12" height="36" border="0"></td>
<!-- 5번 메뉴 -->
<td width="60" height="27"><table width="60" height="35" cellpadding="0" cellspacing="0" border="0">
<tr><td height="25">
<a href="file:///D|/home/link.php" onMouseOut="javascript:ngine_ResetMenu();" onMouseOver="javascript:ngine_ShowMenu(5);window.status=(' 바람구두추 > 웹스터디 ');return true;" onfocus="this.blur();"><img src="img1/menu_5.gif" width="60" height="25" name="m5" border="0"></a></td></tr>
<tr><td height="10" bgcolor="black"></td></tr>
</table></td>
<td width="12" height="27"><img src="img1/menu_line.gif" width="12" height="36" border="0"></td>
<!-- 6번 메뉴 -->
<td width="63" height="27"><table width="63" height="36" cellpadding="0" cellspacing="0" border="0">
<tr><td height="25"><a href="file:///D|/home/talkbox.php" onMouseOut="javascript:ngine_ResetMenu();" onMouseOver="javascript:ngine_ShowMenu(6);window.status=(' 바람구두추 > 카타르시스 '+ ');return true;" onfocus="this.blur();"><img src="img1/menu_6.gif" width="63" height="25" name="m6" border="0"></a></td></tr>
<tr><td height="10" bgcolor="black"></td></tr>
</table></td>
<td width="12" height="27"><img src="img1/menu_line.gif" width="12" height="36" border="0"></td>
<!-- 7번 메뉴 -->
<td width="60" height="27">
<table width="60" height="35" cellpadding="0" cellspacing="0" border="0">
<tr><td height="26">
<a href="file:///D|/home/contact.php" onMouseOut="javascript:ngine_ResetMenu();" onMouseOver="javascript:ngine_ShowMenu(7);window.status=(' 바람구두추 > 방명록 ');return true;" onfocus="this.blur();"><img src="img1/menu_7.gif" width="60" height="25" name="m7" border="0"></a></td></tr>
<tr><td height="9" bgcolor="black"></td></tr>
</table></td>
<!-- 메뉴 끝-->
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td width="780" colspan="3" height="164" bordercolor="black" bordercolordark="black" bordercolorlight="black">
<!-- 메뉴 1번 국어교실 서브메뉴 --><!-- 메뉴 web 서브메뉴 -->
</p>
<div id="gg" style="width:420px; height:70px; position:absolute; left:360px; top:28px; z-index:5; visibility:hidden;">
<table width="420" height="8" cellpadding="0" cellspacing="0" border="0">
<tr><td width="100%" height="8"><img src="img2/here.gif" style="position:absolute;left:236;top:2"></td></tr>
</table>
<table width="420" height="25" cellpadding="1" cellspacing="0" border="0" bgcolor="black">
<tr><td>
<table width="418" height="23" cellpadding="0" cellspacing="0" border="0" bgcolor="white">
<tr><td align="center">
<font class="ok"><a href="../gathering/works.php" class="ngine" onMouseOut="window.status=(' N+GINE '); return true;" onMouseOver="window.status=(' 바람구두 > 웹스터디 > 디카&포토샵 ');return true;" title=" 작업들 ">디카&포토샵</a> | <a href="javascript:alert('아직 공사중입니다')" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 웹스터디 > Html/Js ');return true;" title=" 기본적인 웹구현 언어들 소개 ">Html/Java</a> | <a href="javascript:alert('아직 공사중입니다')" class="ngine" onMouseOut="window.status=(' 바람구두 '+ '); return true;" onMouseOver="window.status=(' 바람구두 > 웹스터디 > Flash ');return true;" title=" 플래쉬 자료들 ">Flash </a>|
<a href="javascript:alert('아직 공사중입니다')" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 웹스터디 > Powerpoint&Excel ');return true;" title=" 파워포인트 및 엑셀 사용 기초 ">Powerpoint&Excel</a> | <a href="../gathering/gift.php" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 웹스터디 > ICT활용자료 ');return true;" title=" ICT 활용수업에 필요한 유틸리티 소개 ">ICT활용자료</a></font>
</td></tr></table>
</td></tr>
</table>
</div><div id="aa" style="width:640px; height:70px; position:absolute; left:140px; top:28px; z-index:2; visibility:hidden;">
<table width="640" height="8" cellpadding="0" cellspacing="0" border="0">
<tr><td width="100%" height="8"><img src="img2/here.gif" style="position:absolute;left:167;top:2"></td></tr>
</table>
<table width="640" height="25" cellpadding="1" cellspacing="0" border="0" bgcolor="black">
<tr><td>
<table width="638" height="23" cellpadding="0" cellspacing="0" border="0" bgcolor="white">
<tr><td align="center">
<font class="ok"><a href="../dyn/board.php?id=webdesign" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 국어교실 > 수업자료실 ');return true;" title=" 국어수업 및 과제수행활동에 필요한 참고자료 ">수업자료실</a> | <a href="http://mulsal21.dotple.com/zboard" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 국어교실 > 과제제출방 '+ ');return true;" title=" 과제물을 제출하는 곳 ">과제제출방</a> | <a href="../dyn/board.php?id=html" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 국어교실 > 기출문제 ');return true;" title=" 중간~기말 시험문제들 ">기출문제</a> | <a href="../dyn/board.php?id=css" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 국어교실 > 질문답변 ');return true;" title=" 국어일반에 관한 질문을 하는 곳 ">질문답변</a> | <a href="../dyn/board.php?id=javascript" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 국어교실 > 국어(상하)자료 ');return true;" title=" 7차 국어교과서 본문 및 학습자료 ">
국어(상하)자료</a><a class="ngine">실</a> | <a href="../dyn/board.php?id=flash" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 국어교실 > 토론게시판 ');return true;" title=" 논제에 대한 자신의 견해를 피력하는 곳 ">토론게시판</a> | <a href="../dyn/board.php?id=layout" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 국어교실 > 토론채팅 ');return true;" title=" 조별간에 채팅형식으로 토론하는 곳 ">토론채팅</a> | <a href="../dyn/board.php?id=dhtml" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 국어교실 > 자기소개 ');return true;" title=" 재미있게 여러분을 알려주세요 ">자기소개</a></font>
</td>
</tr></table>
</td></tr>
</table>
</div>
<!-- 메뉴 2번 문학자료 서브메뉴 -->
<div id="bb" style="width:572px; height:70px; position:absolute; left:203px; top:28px; z-index:3; visibility:hidden;">
<table width="572" height="8" cellpadding="0" cellspacing="0" border="0">
<tr><td width="100%" height="8"><img src="img2/here.gif" style="position:absolute;left:173;top:2"></td></tr>
</table>
<table width="572" height="25" cellpadding="1" cellspacing="0" border="0" bgcolor="black">
<tr><td>
<table width="570" height="23" cellpadding="0" cellspacing="0" border="0" bgcolor="white">
<tr><td align="center">
<font class="ok"><a href="../wave/submit.php" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 문학자료 > 문학일반 ');return true;" title=" 문학기초이론에 대한 개괄적인 정리 ">문학일반</a> | <a href="../wave/make.php" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 문학자료 > 현대시 ');return true;" title=" 주로 고교교육과정에서 소개된 시의 감상 ">현대시</a> | <a href="../wave/ngine.php" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 문학자료 > 현대소설 ');return true;" title=" 주로 중등현장에서 소개된 소설 소개 ">현대소설</a> | <a href="../wave/your.php" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 문학자료 > 수필·극문학 ');return true;" title=" 일반 수필이나 희곡, 시나리오를 소개 ">수필·극문학 </a> | <a href="../wave/open.php" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 문학자료 > 고시가 ');return true;" title=" 고대가요·향가·고려가요·시조·가사·잡가·민요·한시 등의 운문 소개 ">고시가</a> | <a href="../wave/your.php" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 문학자료 > 고소설 ');return true;" title=" 설화·가전·몽유·영웅군담·판소리계 소설 등의 서사문학을 감상">고소설</a> | <a href="../wave/your.php" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 문학자료 > 고수필·연희 ');return true;" title=" 고수필이나 연희 대본, 평론 등 소개 ">고수필·연희</a> | <a href="../wave/ngine.php" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 문학자료 > 작품전문읽기 ');return true;" title=" 장르별로 문학작품 전문을 감상 ">작품전문읽기</a></font>
</td></tr></table>
</td></tr>
</table>
</div>
<!-- 메뉴 3번 서브메뉴 -->
<div id="cc" style="width:494px; height:70px; position:absolute; left:270px; top:28px; z-index:4; visibility:hidden;">
<table width="494" height="8" cellpadding="0" cellspacing="0" border="0">
<tr><td width="100%" height="8"><img src="img2/here.gif" style="position:absolute;left:180;top:2"></td></tr>
</table>
<table width="494" height="25" cellpadding="1" cellspacing="0" border="0" bgcolor="black">
<tr><td>
<table width="492" height="23" cellpadding="0" cellspacing="0" border="0" bgcolor="white">
<tr><td align="center">
<font class="ok"><a href="#" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 수능언어 > 기출문제 ');return true;" title=" 대학수학능력 언어영역 시험문제 ">기출문제</a> | <a href="../dyn/board.php?id=zero3" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 수능언어 > 모의고사 ');return true;" title=" 모의 언어영역 시험문제 ">모의고사</a> | <a href="../dyn/board.php?id=zero4" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 수능언어 > 수험대책 ');return true;" title=" 언어영역 대비책 ">수험대책</a> | <a href="../dyn/board.php?id=dynb" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 수능언어 > 수시·구술·면접 ');return true;" title=" 수능 이외의 입시형태에 관한 정보 ">수시·구술·면접</a> | <a href="../dyn/board.php?id=otherb" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 수능언어 > 학과소개 '+ ');return true;" title=" 각 대학의 학과를 소개하는 공간 ">학과소개</a> | <a href="../dyn/board.php?id=zero4" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 수능언어 > 전국대학홈페이지 ');return true;" title=" 각 대학의 홈페이지 링크 ">전국대학홈페이지</a></font>
</td></tr></table>
</td></tr>
</table>
</div>
<!-- 메뉴 카타르시스 서브메뉴 -->
<div id="ee" style="width:340px; height:70px; position:absolute; left:440px; top:28px; z-index:6; visibility:hidden;">
<table width="340" height="8" cellpadding="0" cellspacing="0" border="0">
<tr><td width="100%" height="8"><img src="img2/here.gif" style="position:absolute;left:231;top:2"></td></tr>
</table>
<table width="340" height="25" cellpadding="1" cellspacing="0" border="0" bgcolor="black">
<tr><td>
<table width="338" height="23" cellpadding="0" cellspacing="0" border="0" bgcolor="white">
<tr><td align="center">
<font class="ok"><a href="../dyn/board.php?id=free" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 카타르시스 > 게임쾌락 '+ ');return true;" title=" 간단한 웹게임들 ">게임쾌락</a> | <a href="../dyn/board.php?id=qna" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 카타르시스 > 노래쾌락 ');return true;" title=" MR이용한 노래 녹음감상 ">노래쾌락</a> | <a href="../dyn/board.php?id=faq" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 카타르시스 > 뮤비감상 ');return true;" title=" 멋진 뮤직비디오 감상 ">뮤비감상</a> | <a href="../dyn/board.php?id=story" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 카타르시스 > 사진감상 ');return true;" title=" 각종 사진자료 감상 ">사진감상</a> | <a href="../dyn/board.php?id=pr" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 카타르시스 > 러브레터 ');return true;" title=" 아름다운 사랑 편지 올리기 ">러브레터</a></font>
</td></tr></table>
</td></tr>
</table>
</div>
<p align="center"><img src="img1/1.gif" name=ranimage width="780" height="165"><script language="JavaScript1.1">
<!--
document.ranimage.src="img1/"+Math.round(Math.random()*7+.8)+".gif";
// -->
</script><!-- 메뉴 1번 서브메뉴 --></p>
</td>
</tr>
<tr>
<td width="1" height="640" bgcolor="black" >
<p align="center"></p>
</td>
<td width="777" height="640">
<table align="center" cellpadding="0" cellspacing="0" width="774" style="margin:0; padding:0;">
<tr>
<td width="141" height="607" bgcolor="white" align="left" valign="top">
<div id="STATICMENU" style="width:140px; height:500px; position:absolute; left:0px; top:209px; z-index:100;">
<? print_outlogin("fine_login", 13, 10)?><br><iframe width=140 height=280 marginWidth=0 hspace=0 vspace=0 marginHeight=0 src=http://mulsal21.dotple.com/zboard/loged/index.php td valign=top frameborder=0 scrolling="no"></iframe>
<!-- 애니메이션 유무를 체크하는 부분 -->
<input id="ANIMATE" type="checkbox" onclick="ToggleAnimate();"> Animate
<!-- 스크롤메뉴를 가동하는 자바스크립트 -->
<script language="javascript">InitializeStaticMenu();</script>
</div>
<!-- 스크롤 메뉴 정의 끝 -->
<!-- 스크롤 테스트를 위해 여백을 확보하기 위한 부분... 별 의미는 없음... 실제로 적용시에는 지워 버리세요. -->
<div style="width:50px; height:2500px;"></div>
</td>
<td width="633" height="607" bgcolor="white" align="left" valign="top">
<p> </p>
</td>
</tr>
<tr>
<td width="774" height="5" bgcolor="#CCCCCC" colspan="2">
<p><img src="img2/bg3.gif" width="778" height="2" border="0"></p>
</td>
</tr>
<tr>
<td width="774" height="16" bgcolor="white" colspan="2">
<p> <font face="정9"><span style="font-size:9pt;">COPYRIGHT
(c) BY CHOO 2003.2.15 ALL RIGHT
RESERVED</span></font></p>
</td>
</tr>
</table>
</td>
<td width="2" height="640" bgcolor="black">
<p align="center"></p>
</td>
</tr>
<tr>
<td width="780" height="2" colspan="3" bgcolor="black">
<p align="center"></p>
</td>
</tr>
</table>
</td>
<td width="10" height="6">
<p align="center"></p>
</td>
</tr>
<tr>
<td width="10" height="813" bgcolor="#999999">
</td>
</tr>
<tr>
<td width="7" height="10">
<p align="center"></p>
</td>
<td width="772" height="10" bgcolor="#999999">
</td>
<td width="10" height="10" bgcolor="#999999">
</td>
</tr>
</table>
<p align="center"></p>
</body>
</html>
nzeo 홈처럼 좌측 이동메뉴를 구현하고 싶었는데요... steelheart님의 방법을 사용해봤습니디만...
이상하게도 외부로그인이 이동메뉴가 먹히질 않습니다. 나모에서 해보면 아이프레임으로 집어넣은 소스는 구현이 잘됩니다. 그래서 계정으로 업로드하면 외부로그인과 아이프레임소스가 나오기는 하는데 이동메뉴의 기능이 실현되지 않습니다. 하루종일 고생해도 해법이 없습니다. 외부로그인은 불가능한 것인지...
염치불구하고 제 소스를 보여드립니다. 좀 복잡한데 이동메뉴 부분만 보시면 될 것입니다.
고수님들의 도움부탁드립니다.
<?
$_zb_url = "http://mulsal21.dotple.com/zboard/";
$_zb_path = "/home/mulsal21/public_html/zboard/";
include $_zb_path."outlogin.php";
include "fine9.php";
?>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>바람구두국어교실입니다.^-^//</title>
<script language="javascript">
<!--
var stmnLEFT = 130; // 스크롤메뉴의 좌측 위치. 필요 없을 경우 삭제
var stmnGAP1 = 150; // 페이지 헤더부분의 여백 (이보다 위로는 올라가지 않음)
var stmnGAP2 = 10; // 스크롤시 브라우저 상단과 약간 띄움. 필요없으면 0으로 세팅
var stmnBASE = 200; // 스크롤메뉴 초기 시작위치 (아무렇게나 해도 상관은 없지만 stmnGAP1과 약간 차이를 주는게 보기 좋음)
var stmnActivateSpeed = 200; // 움직임을 감지하는 속도 (숫자가 클수록 늦게 알아차림)
var stmnScrollSpeed = 10; // 스크롤되는 속도 (클수록 늦게 움직임)
var stmnTimer;
// 쿠키 읽기
function ReadCookie(name)
{
var label = name + "=";
var labelLen = label.length;
var cLen = document.cookie.length;
var i = 0;
while (i < cLen) {
var j = i + labelLen;
if (document.cookie.substring(i, j) == label) {
var cEnd = document.cookie.indexOf(";", j);
if (cEnd == -1) cEnd = document.cookie.length;
return unescape(document.cookie.substring(j, cEnd));
}
i++;
}
return "";
}
// 쿠키 저장
function SaveCookie(name, value, expire)
{
var eDate = new Date();
eDate.setDate(eDate.getDate() + expire);
document.cookie = name + "=" + value + "; expires=" + eDate.toGMTString()+ "; path=/";
}
// 스크롤 메뉴의 위치 갱신
function RefreshStaticMenu()
{
var stmnStartPoint, stmnEndPoint, stmnRefreshTimer;
stmnStartPoint = parseInt(STATICMENU.style.top, 10);
stmnEndPoint = document.body.scrollTop + stmnGAP2;
if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;
stmnRefreshTimer = stmnActivateSpeed;
if ( stmnStartPoint != stmnEndPoint ) {
stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
STATICMENU.style.top = parseInt(STATICMENU.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount );
stmnRefreshTimer = stmnScrollSpeed;
}
stmnTimer = setTimeout ("RefreshStaticMenu();", stmnRefreshTimer);
}
// 메뉴 ON/OFF 하기
function ToggleAnimate()
{
if (ANIMATE.checked) { // 이동하기 버튼이 체크되었다면
RefreshStaticMenu(); // 메뉴위치를 다시 조정
SaveCookie("ANIMATE", "true", 300); // 이동이 ON 상태라고 쿠키를 설정
}
else { // 아니라면... (이동하기 버튼이 체크되어 있지 않으면)
clearTimeout(stmnTimer); // 이동용 타이머 해제
STATICMENU.style.top = stmnGAP1; // 메뉴의 위치를 상단으로 옮긴다.
SaveCookie("ANIMATE", "false", 300); // 이동상태가 "OFF" 임
}
}
// 메뉴 초기화
function InitializeStaticMenu()
{
if (ReadCookie("ANIMATE") == "false") { // 이동상태가 off 상태라면
ANIMATE.checked = false; // 체크표시를 지우고
STATICMENU.style.top = document.body.scrollTop + stmnGAP1; // 맨 위에 들러 붙는다.
}
else { // 이동 on 상태라면
ANIMATE.checked = true; // 체크표시를 하고
STATICMENU.style.top = document.body.scrollTop + stmnBASE; // 기본위치로 이동한다.
RefreshStaticMenu(); // 스크립트 가동
}
STATICMENU.style.left = stmnLEFT; // 메뉴 왼쪽 위치 초기화. 필요없을 경우 삭제
}
-->
</script>
<script language="javascript" type="text/javascript" src="/common/pz_chromeless_2.1.mic.1.js"></script>
<script language="javascript" type="text/javascript" src="/common/rollnlayer.js"></script>
<script language="javascript" type="text/javascript" src="/common/other.js"></script>
<script language="javascript" type="text/javascript" src="/common/ngine.js"></script>
<link rel="stylesheet" type="text/css" href="http://mulsal21.dotple.com/style3.css">
<script language="JavaScript">
<!--
function newsWindow()
{window.open('pop.htm','SmallWindow','width=400,height=400,scrollbars=no');}
// -->
</script>
</head>
<body bgcolor="#999999" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" background="img2/bg.gif">
<table width="789" cellpadding="0" cellspacing="0">
<tr>
<td width="779" height="823" rowspan="2" colspan="2">
<table cellpadding="0" cellspacing="0" width="780" height="200" align="center">
<tr>
<td width="780" colspan="3" height="30" align="center" valign="middle" bgcolor="#999999" bordercolor="black" bordercolordark="black" bordercolorlight="black">
<div align="right">
<table width="780" height="35" border="0" cellspacing="0" cellpadding="0" bgcolor="black">
<tr>
<td width="278" height="27" bgcolor="black">
<a href="http://mulsal21.dotple.com" onMouseOut="ngine_ResetMenu();" onMouseOver="javascript:ngine_ShowMenu(8);window.status=(' 바람구두추 > 시작으로 ');return true;" onfocus="this.blur();" title="처음으로"><img src="img1/banner2.gif" align="bottom" width="115" height="35" name="m13" border="0"></a> </td>
<!-- 1 번 메뉴 -->
<td width="60" height="27"><table width="60" height="35" cellpadding="0" cellspacing="0" border="0">
<tr><td height="25"><a href="file:///D|/home/study.php" onMouseOut="ngine_ResetMenu();" onMouseOver="javascript:ngine_ShowMenu(1);window.status=(' 바람구두추 > 국어교실 ');return true;" onfocus="this.blur();"><img src="img1/menu_1.gif" width="60" height="25" name="m1" border="0"></a></td></tr>
<tr><td height="10" bgcolor="black"></td></tr>
</table></td>
<td width="12" height="27"><img src="img1/menu_line.gif" width="12" height="36" border="0"></td>
<!-- 2번 메뉴 -->
<td width="60" height="27"><table width="60" height="35" cellpadding="0" cellspacing="0" border="0" bgcolor="black">
<tr><td><a href="file:///D|/wave/wave.php" onMouseOut="javascript:ngine_ResetMenu();" onMouseOver="javascript:ngine_ShowMenu(2);window.status=(' 바람구두추 > 문학교실 ');return true;" onfocus="this.blur();"><img src="img1/menu_2.gif" width="60" height="25" name="m2" border="0"></a></td></tr>
<tr><td height="10" bgcolor="black"></td></tr>
</table></td>
<td width="12" height="27"><img src="img1/menu_line.gif" width="12" height="36" border="0"></td>
<!-- 3번 메뉴 -->
<td width="60" height="27"><table width="60" height="35" cellpadding="0" cellspacing="0" border="0">
<tr><td><a href="file:///D|/skin/skin.php" onMouseOut="javascript:ngine_ResetMenu();" onMouseOver="javascript:ngine_ShowMenu(3);window.status=(' 바람구두추 > 수능언어 ');return true;" onfocus="this.blur();"><img src="img1/menu_3.gif" width="60" height="25" name="m3" border="0"></a></td></tr>
<tr><td height="10" bgcolor="black"></td></tr>
</table></td>
<td width="12" height="27"><img src="img1/menu_line.gif" width="12" height="36" border="0"></td>
<!-- 4번 메뉴 -->
<td width="60" height="27"><table width="60" height="35" cellpadding="0" cellspacing="0" border="0">
<tr><td height="24"><a href="file:///D|/gathering/gathering.php" onMouseOut="javascript:ngine_ResetMenu();" onMouseOver="javascript:ngine_ShowMenu(4);window.status=('+ '+ ' 바람구두추 > 문제은행 ');return true;" onfocus="this.blur();"><img src="img1/menu_4.gif" width="60" height="25" name="m4" border="0"></a></td></tr>
<tr><td height="10" bgcolor="black"></td></tr>
</table></td>
<td width="12" height="27"><img src="img1/menu_line.gif" width="12" height="36" border="0"></td>
<!-- 5번 메뉴 -->
<td width="60" height="27"><table width="60" height="35" cellpadding="0" cellspacing="0" border="0">
<tr><td height="25">
<a href="file:///D|/home/link.php" onMouseOut="javascript:ngine_ResetMenu();" onMouseOver="javascript:ngine_ShowMenu(5);window.status=(' 바람구두추 > 웹스터디 ');return true;" onfocus="this.blur();"><img src="img1/menu_5.gif" width="60" height="25" name="m5" border="0"></a></td></tr>
<tr><td height="10" bgcolor="black"></td></tr>
</table></td>
<td width="12" height="27"><img src="img1/menu_line.gif" width="12" height="36" border="0"></td>
<!-- 6번 메뉴 -->
<td width="63" height="27"><table width="63" height="36" cellpadding="0" cellspacing="0" border="0">
<tr><td height="25"><a href="file:///D|/home/talkbox.php" onMouseOut="javascript:ngine_ResetMenu();" onMouseOver="javascript:ngine_ShowMenu(6);window.status=(' 바람구두추 > 카타르시스 '+ ');return true;" onfocus="this.blur();"><img src="img1/menu_6.gif" width="63" height="25" name="m6" border="0"></a></td></tr>
<tr><td height="10" bgcolor="black"></td></tr>
</table></td>
<td width="12" height="27"><img src="img1/menu_line.gif" width="12" height="36" border="0"></td>
<!-- 7번 메뉴 -->
<td width="60" height="27">
<table width="60" height="35" cellpadding="0" cellspacing="0" border="0">
<tr><td height="26">
<a href="file:///D|/home/contact.php" onMouseOut="javascript:ngine_ResetMenu();" onMouseOver="javascript:ngine_ShowMenu(7);window.status=(' 바람구두추 > 방명록 ');return true;" onfocus="this.blur();"><img src="img1/menu_7.gif" width="60" height="25" name="m7" border="0"></a></td></tr>
<tr><td height="9" bgcolor="black"></td></tr>
</table></td>
<!-- 메뉴 끝-->
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td width="780" colspan="3" height="164" bordercolor="black" bordercolordark="black" bordercolorlight="black">
<!-- 메뉴 1번 국어교실 서브메뉴 --><!-- 메뉴 web 서브메뉴 -->
</p>
<div id="gg" style="width:420px; height:70px; position:absolute; left:360px; top:28px; z-index:5; visibility:hidden;">
<table width="420" height="8" cellpadding="0" cellspacing="0" border="0">
<tr><td width="100%" height="8"><img src="img2/here.gif" style="position:absolute;left:236;top:2"></td></tr>
</table>
<table width="420" height="25" cellpadding="1" cellspacing="0" border="0" bgcolor="black">
<tr><td>
<table width="418" height="23" cellpadding="0" cellspacing="0" border="0" bgcolor="white">
<tr><td align="center">
<font class="ok"><a href="../gathering/works.php" class="ngine" onMouseOut="window.status=(' N+GINE '); return true;" onMouseOver="window.status=(' 바람구두 > 웹스터디 > 디카&포토샵 ');return true;" title=" 작업들 ">디카&포토샵</a> | <a href="javascript:alert('아직 공사중입니다')" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 웹스터디 > Html/Js ');return true;" title=" 기본적인 웹구현 언어들 소개 ">Html/Java</a> | <a href="javascript:alert('아직 공사중입니다')" class="ngine" onMouseOut="window.status=(' 바람구두 '+ '); return true;" onMouseOver="window.status=(' 바람구두 > 웹스터디 > Flash ');return true;" title=" 플래쉬 자료들 ">Flash </a>|
<a href="javascript:alert('아직 공사중입니다')" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 웹스터디 > Powerpoint&Excel ');return true;" title=" 파워포인트 및 엑셀 사용 기초 ">Powerpoint&Excel</a> | <a href="../gathering/gift.php" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 웹스터디 > ICT활용자료 ');return true;" title=" ICT 활용수업에 필요한 유틸리티 소개 ">ICT활용자료</a></font>
</td></tr></table>
</td></tr>
</table>
</div><div id="aa" style="width:640px; height:70px; position:absolute; left:140px; top:28px; z-index:2; visibility:hidden;">
<table width="640" height="8" cellpadding="0" cellspacing="0" border="0">
<tr><td width="100%" height="8"><img src="img2/here.gif" style="position:absolute;left:167;top:2"></td></tr>
</table>
<table width="640" height="25" cellpadding="1" cellspacing="0" border="0" bgcolor="black">
<tr><td>
<table width="638" height="23" cellpadding="0" cellspacing="0" border="0" bgcolor="white">
<tr><td align="center">
<font class="ok"><a href="../dyn/board.php?id=webdesign" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 국어교실 > 수업자료실 ');return true;" title=" 국어수업 및 과제수행활동에 필요한 참고자료 ">수업자료실</a> | <a href="http://mulsal21.dotple.com/zboard" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 국어교실 > 과제제출방 '+ ');return true;" title=" 과제물을 제출하는 곳 ">과제제출방</a> | <a href="../dyn/board.php?id=html" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 국어교실 > 기출문제 ');return true;" title=" 중간~기말 시험문제들 ">기출문제</a> | <a href="../dyn/board.php?id=css" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 국어교실 > 질문답변 ');return true;" title=" 국어일반에 관한 질문을 하는 곳 ">질문답변</a> | <a href="../dyn/board.php?id=javascript" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 국어교실 > 국어(상하)자료 ');return true;" title=" 7차 국어교과서 본문 및 학습자료 ">
국어(상하)자료</a><a class="ngine">실</a> | <a href="../dyn/board.php?id=flash" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 국어교실 > 토론게시판 ');return true;" title=" 논제에 대한 자신의 견해를 피력하는 곳 ">토론게시판</a> | <a href="../dyn/board.php?id=layout" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 국어교실 > 토론채팅 ');return true;" title=" 조별간에 채팅형식으로 토론하는 곳 ">토론채팅</a> | <a href="../dyn/board.php?id=dhtml" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 국어교실 > 자기소개 ');return true;" title=" 재미있게 여러분을 알려주세요 ">자기소개</a></font>
</td>
</tr></table>
</td></tr>
</table>
</div>
<!-- 메뉴 2번 문학자료 서브메뉴 -->
<div id="bb" style="width:572px; height:70px; position:absolute; left:203px; top:28px; z-index:3; visibility:hidden;">
<table width="572" height="8" cellpadding="0" cellspacing="0" border="0">
<tr><td width="100%" height="8"><img src="img2/here.gif" style="position:absolute;left:173;top:2"></td></tr>
</table>
<table width="572" height="25" cellpadding="1" cellspacing="0" border="0" bgcolor="black">
<tr><td>
<table width="570" height="23" cellpadding="0" cellspacing="0" border="0" bgcolor="white">
<tr><td align="center">
<font class="ok"><a href="../wave/submit.php" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 문학자료 > 문학일반 ');return true;" title=" 문학기초이론에 대한 개괄적인 정리 ">문학일반</a> | <a href="../wave/make.php" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 문학자료 > 현대시 ');return true;" title=" 주로 고교교육과정에서 소개된 시의 감상 ">현대시</a> | <a href="../wave/ngine.php" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 문학자료 > 현대소설 ');return true;" title=" 주로 중등현장에서 소개된 소설 소개 ">현대소설</a> | <a href="../wave/your.php" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 문학자료 > 수필·극문학 ');return true;" title=" 일반 수필이나 희곡, 시나리오를 소개 ">수필·극문학 </a> | <a href="../wave/open.php" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 문학자료 > 고시가 ');return true;" title=" 고대가요·향가·고려가요·시조·가사·잡가·민요·한시 등의 운문 소개 ">고시가</a> | <a href="../wave/your.php" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 문학자료 > 고소설 ');return true;" title=" 설화·가전·몽유·영웅군담·판소리계 소설 등의 서사문학을 감상">고소설</a> | <a href="../wave/your.php" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 문학자료 > 고수필·연희 ');return true;" title=" 고수필이나 연희 대본, 평론 등 소개 ">고수필·연희</a> | <a href="../wave/ngine.php" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 문학자료 > 작품전문읽기 ');return true;" title=" 장르별로 문학작품 전문을 감상 ">작품전문읽기</a></font>
</td></tr></table>
</td></tr>
</table>
</div>
<!-- 메뉴 3번 서브메뉴 -->
<div id="cc" style="width:494px; height:70px; position:absolute; left:270px; top:28px; z-index:4; visibility:hidden;">
<table width="494" height="8" cellpadding="0" cellspacing="0" border="0">
<tr><td width="100%" height="8"><img src="img2/here.gif" style="position:absolute;left:180;top:2"></td></tr>
</table>
<table width="494" height="25" cellpadding="1" cellspacing="0" border="0" bgcolor="black">
<tr><td>
<table width="492" height="23" cellpadding="0" cellspacing="0" border="0" bgcolor="white">
<tr><td align="center">
<font class="ok"><a href="#" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 수능언어 > 기출문제 ');return true;" title=" 대학수학능력 언어영역 시험문제 ">기출문제</a> | <a href="../dyn/board.php?id=zero3" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 수능언어 > 모의고사 ');return true;" title=" 모의 언어영역 시험문제 ">모의고사</a> | <a href="../dyn/board.php?id=zero4" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 수능언어 > 수험대책 ');return true;" title=" 언어영역 대비책 ">수험대책</a> | <a href="../dyn/board.php?id=dynb" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 수능언어 > 수시·구술·면접 ');return true;" title=" 수능 이외의 입시형태에 관한 정보 ">수시·구술·면접</a> | <a href="../dyn/board.php?id=otherb" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 수능언어 > 학과소개 '+ ');return true;" title=" 각 대학의 학과를 소개하는 공간 ">학과소개</a> | <a href="../dyn/board.php?id=zero4" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 수능언어 > 전국대학홈페이지 ');return true;" title=" 각 대학의 홈페이지 링크 ">전국대학홈페이지</a></font>
</td></tr></table>
</td></tr>
</table>
</div>
<!-- 메뉴 카타르시스 서브메뉴 -->
<div id="ee" style="width:340px; height:70px; position:absolute; left:440px; top:28px; z-index:6; visibility:hidden;">
<table width="340" height="8" cellpadding="0" cellspacing="0" border="0">
<tr><td width="100%" height="8"><img src="img2/here.gif" style="position:absolute;left:231;top:2"></td></tr>
</table>
<table width="340" height="25" cellpadding="1" cellspacing="0" border="0" bgcolor="black">
<tr><td>
<table width="338" height="23" cellpadding="0" cellspacing="0" border="0" bgcolor="white">
<tr><td align="center">
<font class="ok"><a href="../dyn/board.php?id=free" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 카타르시스 > 게임쾌락 '+ ');return true;" title=" 간단한 웹게임들 ">게임쾌락</a> | <a href="../dyn/board.php?id=qna" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 카타르시스 > 노래쾌락 ');return true;" title=" MR이용한 노래 녹음감상 ">노래쾌락</a> | <a href="../dyn/board.php?id=faq" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 카타르시스 > 뮤비감상 ');return true;" title=" 멋진 뮤직비디오 감상 ">뮤비감상</a> | <a href="../dyn/board.php?id=story" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 카타르시스 > 사진감상 ');return true;" title=" 각종 사진자료 감상 ">사진감상</a> | <a href="../dyn/board.php?id=pr" class="ngine" onMouseOut="window.status=(' 바람구두 '); return true;" onMouseOver="window.status=(' 바람구두 > 카타르시스 > 러브레터 ');return true;" title=" 아름다운 사랑 편지 올리기 ">러브레터</a></font>
</td></tr></table>
</td></tr>
</table>
</div>
<p align="center"><img src="img1/1.gif" name=ranimage width="780" height="165"><script language="JavaScript1.1">
<!--
document.ranimage.src="img1/"+Math.round(Math.random()*7+.8)+".gif";
// -->
</script><!-- 메뉴 1번 서브메뉴 --></p>
</td>
</tr>
<tr>
<td width="1" height="640" bgcolor="black" >
<p align="center"></p>
</td>
<td width="777" height="640">
<table align="center" cellpadding="0" cellspacing="0" width="774" style="margin:0; padding:0;">
<tr>
<td width="141" height="607" bgcolor="white" align="left" valign="top">
<div id="STATICMENU" style="width:140px; height:500px; position:absolute; left:0px; top:209px; z-index:100;">
<? print_outlogin("fine_login", 13, 10)?><br><iframe width=140 height=280 marginWidth=0 hspace=0 vspace=0 marginHeight=0 src=http://mulsal21.dotple.com/zboard/loged/index.php td valign=top frameborder=0 scrolling="no"></iframe>
<!-- 애니메이션 유무를 체크하는 부분 -->
<input id="ANIMATE" type="checkbox" onclick="ToggleAnimate();"> Animate
<!-- 스크롤메뉴를 가동하는 자바스크립트 -->
<script language="javascript">InitializeStaticMenu();</script>
</div>
<!-- 스크롤 메뉴 정의 끝 -->
<!-- 스크롤 테스트를 위해 여백을 확보하기 위한 부분... 별 의미는 없음... 실제로 적용시에는 지워 버리세요. -->
<div style="width:50px; height:2500px;"></div>
</td>
<td width="633" height="607" bgcolor="white" align="left" valign="top">
<p> </p>
</td>
</tr>
<tr>
<td width="774" height="5" bgcolor="#CCCCCC" colspan="2">
<p><img src="img2/bg3.gif" width="778" height="2" border="0"></p>
</td>
</tr>
<tr>
<td width="774" height="16" bgcolor="white" colspan="2">
<p> <font face="정9"><span style="font-size:9pt;">COPYRIGHT
(c) BY CHOO 2003.2.15 ALL RIGHT
RESERVED</span></font></p>
</td>
</tr>
</table>
</td>
<td width="2" height="640" bgcolor="black">
<p align="center"></p>
</td>
</tr>
<tr>
<td width="780" height="2" colspan="3" bgcolor="black">
<p align="center"></p>
</td>
</tr>
</table>
</td>
<td width="10" height="6">
<p align="center"></p>
</td>
</tr>
<tr>
<td width="10" height="813" bgcolor="#999999">
</td>
</tr>
<tr>
<td width="7" height="10">
<p align="center"></p>
</td>
<td width="772" height="10" bgcolor="#999999">
</td>
<td width="10" height="10" bgcolor="#999999">
</td>
</tr>
</table>
<p align="center"></p>
</body>
</html>