묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
메뉴 이동 질문이요..^^
2003.01.25 21:58
<p><script language="javascript">
<!--
var stmnLEFT = 2; // 스크롤메뉴의 좌측 위치. 필요 없을 경우 삭제
var stmnGAP1 = 120; // 페이지 헤더부분의 여백 (이보다 위로는 올라가지 않음)
var stmnGAP2 = 0; // 스크롤시 브라우저 상단과 약간 띄움. 필요없으면 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 (document.all.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 상태라면
document.all.ANIMATE.checked = false; // 체크표시를 지우고
STATICMENU.style.top = document.body.scrollTop + stmnGAP1; // 맨 위에 들러 붙는다.
}
else { // 이동 on 상태라면
document.all.ANIMATE.checked = true; // 체크표시를 하고
STATICMENU.style.top = document.body.scrollTop + stmnBASE; // 기본위치로 이동한다.
RefreshStaticMenu(); // 스크립트 가동
}
STATICMENU.style.left = stmnLEFT; // 메뉴 왼쪽 위치 초기화. 필요없을 경우 삭제
}
-->
</script>
<!-- 스크롤메뉴를 위한 구성입니다. -->
<div id="STATICMENU" style="width:200px; height:200px; position:absolute; left:-5000px; top:50px; z-index:100;">
<!-- 메뉴가 들어갈 부분... 본인의 홈페이지에 맞게 적당히 편집하세요. -->
<table border="0" cellpadding="0" cellspacing="0" width="150">
<tr>
<td width="974">
<p><img src="file:///D|/공부%20문서/문서/홈/홈페이지14/images/Cummunity.jpg" width="150" height="300" border="0" usemap="#ImageMap1"></p>
</td>
</tr>
</table>
<p> </p>
<map name="ImageMap1">
<area shape="rect" coords="33, 71, 121, 83" href="http://neee.org/~romanticdogX/bbs/zboard.php?id=shining00">
<area shape="rect" coords="30, 95, 124, 109" href="http://neee.org/~romanticdogX/bbs/zboard.php?id=shining02">
<area shape="rect" coords="37, 123, 116, 138" href="http://neee.org/~romanticdogX/bbs/zboard.php?id=shining03">
<area shape="rect" coords="53, 151, 105, 165" href="http://neee.org/~romanticdogX/bbs/zboard.php?id=shining05">
<area shape="rect" coords="62, 179, 98, 195" href="http://neee.org/~romanticdogX/bbs/zboard.php?id=shining08">
<area shape="rect" coords="58, 206, 100, 223" href="http://neee.org/~romanticdogX/bbs/zboard.php?id=shining04">
<area shape="rect" coords="54, 235, 102, 250" href="Mail%20to%20master.htm">
</map>
<!-- 메뉴부분 끝 -->
<!-- 애니메이션 유무를 체크하는 부분 -->
<input id="ANIMATE" type="checkbox" onclick="ToggleAnimate();"> Animate
<!-- 스크롤메뉴를 가동하는 자바스크립트 -->
<script language="javascript">InitializeStaticMenu();</script>
</div>
<!-- 스크롤 메뉴 정의 끝 --></p>
이렇게 메뉴를 했는데요.. 에니메이션 유무를 체크하는 부분 있잖아요.. Animate 하고 체크박스.. 그거 어떻게 없애는 방법이 없을까요?
<!--
var stmnLEFT = 2; // 스크롤메뉴의 좌측 위치. 필요 없을 경우 삭제
var stmnGAP1 = 120; // 페이지 헤더부분의 여백 (이보다 위로는 올라가지 않음)
var stmnGAP2 = 0; // 스크롤시 브라우저 상단과 약간 띄움. 필요없으면 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 (document.all.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 상태라면
document.all.ANIMATE.checked = false; // 체크표시를 지우고
STATICMENU.style.top = document.body.scrollTop + stmnGAP1; // 맨 위에 들러 붙는다.
}
else { // 이동 on 상태라면
document.all.ANIMATE.checked = true; // 체크표시를 하고
STATICMENU.style.top = document.body.scrollTop + stmnBASE; // 기본위치로 이동한다.
RefreshStaticMenu(); // 스크립트 가동
}
STATICMENU.style.left = stmnLEFT; // 메뉴 왼쪽 위치 초기화. 필요없을 경우 삭제
}
-->
</script>
<!-- 스크롤메뉴를 위한 구성입니다. -->
<div id="STATICMENU" style="width:200px; height:200px; position:absolute; left:-5000px; top:50px; z-index:100;">
<!-- 메뉴가 들어갈 부분... 본인의 홈페이지에 맞게 적당히 편집하세요. -->
<table border="0" cellpadding="0" cellspacing="0" width="150">
<tr>
<td width="974">
<p><img src="file:///D|/공부%20문서/문서/홈/홈페이지14/images/Cummunity.jpg" width="150" height="300" border="0" usemap="#ImageMap1"></p>
</td>
</tr>
</table>
<p> </p>
<map name="ImageMap1">
<area shape="rect" coords="33, 71, 121, 83" href="http://neee.org/~romanticdogX/bbs/zboard.php?id=shining00">
<area shape="rect" coords="30, 95, 124, 109" href="http://neee.org/~romanticdogX/bbs/zboard.php?id=shining02">
<area shape="rect" coords="37, 123, 116, 138" href="http://neee.org/~romanticdogX/bbs/zboard.php?id=shining03">
<area shape="rect" coords="53, 151, 105, 165" href="http://neee.org/~romanticdogX/bbs/zboard.php?id=shining05">
<area shape="rect" coords="62, 179, 98, 195" href="http://neee.org/~romanticdogX/bbs/zboard.php?id=shining08">
<area shape="rect" coords="58, 206, 100, 223" href="http://neee.org/~romanticdogX/bbs/zboard.php?id=shining04">
<area shape="rect" coords="54, 235, 102, 250" href="Mail%20to%20master.htm">
</map>
<!-- 메뉴부분 끝 -->
<!-- 애니메이션 유무를 체크하는 부분 -->
<input id="ANIMATE" type="checkbox" onclick="ToggleAnimate();"> Animate
<!-- 스크롤메뉴를 가동하는 자바스크립트 -->
<script language="javascript">InitializeStaticMenu();</script>
</div>
<!-- 스크롤 메뉴 정의 끝 --></p>
이렇게 메뉴를 했는데요.. 에니메이션 유무를 체크하는 부분 있잖아요.. Animate 하고 체크박스.. 그거 어떻게 없애는 방법이 없을까요?
쿠키도 필요 없게꾼요 ..
// 메뉴 ON/OFF 하기
function ToggleAnimate() 이함수 지워 버리시구 {} 속모두
<!-- 애니메이션 유무를 체크하는 부분 -->
<input id="ANIMATE" type="checkbox" onclick="ToggleAnimate();"> Animate
이부분도 지워 버리시구
//쿠키읽기 //쿠키 쓰기 부분 다 지워 버리시구지워 버리시구
script language="javascript">InitializeStaticMenu();</script> 이부분을
script language="javascript">InitializeStaticMenu();RefreshStaticMenu();</script>
욜케 하시묜 ^ ^ 될꺼 같습니다.