관리자 페이지 메뉴 숨김에 쓰면 좋을듯한..(이익훈 사이트처럼)
페이지 정보
작성자 서방님 댓글 0건 조회 170회 작성일 07-08-11 14:35본문
<html>
<head>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" style="position:absolute;left:0;top:0;">
<tr>
<td width="12"><img height="10" src="http://www.yeonisalive.net/img/trance.gif" width="12"></td>
<td id="tdMenuSpan" width="168"><img height="10" id="imgMenuSpan" src="http://www.yeonisalive.net/img/trance.gif" width="168"></td>
<td background="/img/rLL.gif" valign="top" width="10"><img height="35" src="http://www.yeonisalive.net/img/white.gif" width="10"></td>
<td class="content" valign="top" width="600">본문이 들어갈 공간이죠</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" id="tblMenuPane" style="position:absolute;left:2;top:10;">
<tr>
<td valign="top">
<table border="0" cellpadding="2" cellspacing="0" id="tblMenuMain" width="168">
<tr>
<td class="tdLogo" style="cursor:hand">왼쪽 숨겨지는 메뉴</td>
</tr>
<tr>
<td class="tdMenu01"><a href="">01. 메뉴</a></td>
</tr>
</table>
</td>
<td valign="top" width="12">
<img height="40" src="http://www.yeonisalive.net/img/trance.gif" width="12">
<img height="90" id="imgFlipSpan" src="http://www.yeonisalive.net/img/trance.gif" width="12">
<img height="90" id="imgFlipLogo" src="http://www.yeonisalive.net/img/yia_v.gif" width="12">
<a href="javascript:tglMenuMain('hide')"><img alt="Click to hide menu" border="0" height="60" id="imgFlipL" src="http://www.yeonisalive.net/img/flipL.gif" width="12"></a>
<a href="javascript:tglMenuMain('show')"><img alt="Click to show menu" border="0" height="60" id="imgFlipR" src="http://www.yeonisalive.net/img/flipR.gif" width="12"></a>
</td>
</tr>
</table>
<script type="text/javascript">
var stmnGAP1 = 10;
var stmnGAP2 = 10;
var stmnBASE = 10;
var stmnActivateSpeed = 1;
var stmnScrollSpeed = 1;
var stmnTimer;
var STATICMENU = document.getElementById("tblMenuPane");
// 스크롤 메뉴의 위치 갱신
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 ) / 5 );
STATICMENU.style.top = parseInt(STATICMENU.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount );
stmnRefreshTimer = stmnScrollSpeed;
}
stmnTimer = setTimeout ("RefreshStaticMenu();", stmnRefreshTimer);
}
function tglMenuMain(cmd) {
var oTblMenuMain = document.getElementById('tblMenuMain');
var oTdMenuSpan = document.getElementById('tdMenuSpan');
var oImgMenuSpan = document.getElementById('imgMenuSpan');
var oImgFlipSpan = document.getElementById('imgFlipSpan');
var oImgFlipLogo = document.getElementById('imgFlipLogo');
var oImgFlipL = document.getElementById('imgFlipL');
var oImgFlipR = document.getElementById('imgFlipR');
if ( cmd == "show" ) {
oImgMenuSpan.style.display = oTdMenuSpan.style.display = oImgFlipSpan.style.display = oTblMenuMain.style.display = oImgFlipL.style.display = "";
oImgFlipLogo.style.display = oImgFlipR.style.display = "none";
} else {
oImgMenuSpan.style.display = oTdMenuSpan.style.display = oImgFlipSpan.style.display = oTblMenuMain.style.display = oImgFlipL.style.display = "none";
oImgFlipLogo.style.display = oImgFlipR.style.display = "";
}
}
document.getElementById('imgFlipR').style.display = "none";
document.getElementById('imgFlipLogo').style.display = "none";
RefreshStaticMenu();
</script>
</body>
</html>
댓글목록
등록된 댓글이 없습니다.
