javascript

javascript 팁이 있는 곳입니다.
관련메뉴 jquery | Vue.js
  • 웹미니 한줄 전광판 영역 입니다.
글 수 109

따라다니는 메뉴 끄기기능까지

2004.04.05 19:31:59 댓글 바로가기

집중모드 켜기

16

조회 수 : 5264 신고 : 0

profile
작성자 : title: [ani]깜빡이는 표정빽짱구
포인트 : 56933 | 레벨 : 25
미리보기 :  
미리보기<==클릭

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<style>
<!--
body,td{font-size:9pt}
//-->
</style>

<script language="javascript">
<!--
var stmnLEFT = 10; // 왼쪽 여백
var stmnGAP1 = 10; // 위쪽 여백
var stmnGAP2 = 10; // 스크롤시 떨어지는 거리
var stmnBASE = 150; //시작위치
var stmnActivateSpeed = 300; //내려오는속도
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(SDZMENU.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 );
SDZMENU.style.top = parseInt(SDZMENU.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount );
stmnRefreshTimer = stmnScrollSpeed;
}

stmnTimer = setTimeout ("RefreshStaticMenu();", stmnRefreshTimer);
}

function ToggleAnimate()
{
if (ANIMATE.checked) {
RefreshStaticMenu();
SaveCookie("ANIMATE", "true", 300);
}
else {
clearTimeout(stmnTimer);
SDZMENU.style.top = stmnGAP1;
SaveCookie("ANIMATE", "false", 300);
}
}

function InitializeStaticMenu()
{
SDZMENU.style.left = stmnLEFT;

if (ReadCookie("ANIMATE") == "false") {
ANIMATE.checked = false;
SDZMENU.style.top = document.body.scrollTop + stmnGAP1;
}
else {
ANIMATE.checked = true;
SDZMENU.style.top = document.body.scrollTop + stmnBASE;
RefreshStaticMenu();
}
}
//-->
</script>

</head>

<body onLoad="InitializeStaticMenu();">


<div id="SDZMENU" style="width:150px; height:200px; position:absolute; left:-5000px; top:0px; z-index:100;">

<!---- 메뉴삽입 --->
<table style="border:solid 1px #000000;" cellpadding="2" cellspacing="2" width="150" bgcolor="white">
<tr>
<td bgcolor="white" align=center><p>메뉴메뉴</p></td>
</tr>
<tr>
<td align=center>
<p><input id="ANIMATE" type="checkbox" onclick="ToggleAnimate();">스크롤 끄기</p>
</td>
</tr>
</table>
</div>

<!------- 여기까지 ------>


<p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p>

</body>
</html>


16 0
이 글이 마음에 드셨다면 빽짱구님에게 포인트를 선물 하세요!
profile 글쓴이 빽짱구

단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨

엮인글 :
https://web.webmini.net/javascript/14344/905/trackback
이 게시물을...
목록 이전 다음
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

첫번째 댓글을 남겨주세요!

List of Articles
번호 제목 글쓴이 날짜sort 추천 수 조회 수
109 작은 그림과 큰그림 한문서 안에 넣기 [2] title: [ani]깜빡이는 표정빽짱구 2004-02-07 15 5490
108 이미지 체인징 효과주기 title: [ani]깜빡이는 표정빽짱구 2004-02-07 14 6109
107 best of best 상태표시줄 바꿔보자2 title: [ani]깜빡이는 표정빽짱구 2004-02-07 20 4778
106 상태표시줄 바꿔보자4 (소문자가 대문자로) [1] title: [ani]깜빡이는 표정빽짱구 2004-02-07 13 4916
105 상태표시줄을 바꿔보자5 (마퀴형식) title: [ani]깜빡이는 표정빽짱구 2004-02-07 14 4790
104 상태표시줄을 바꿔보자6 (시간넣기) title: [ani]깜빡이는 표정빽짱구 2004-02-07 12 4692
103 아이프레임시 스크롤바 길게 늘어나기. [2] title: [ani]깜빡이는 표정빽짱구 2004-02-11 10 5096
102 즐겨찾기 추가하기 title: [ani]깜빡이는 표정빽짱구 2004-02-16 14 5665
101 렌덤배경 이미지 title: [ani]깜빡이는 표정빽짱구 2004-02-22 13 4921
100 best of best 따라다니는 탑버튼 title: [ani]깜빡이는 표정빽짱구 2004-02-28 21 6185
99 상태표시줄 링크주소 안보이게 하기 title: [ani]깜빡이는 표정빽짱구 2004-02-28 13 9569
98 플래쉬효과 문자 title: [ani]깜빡이는 표정빽짱구 2004-02-29 11 5882
97 손님이 원하는색을 입력받아 배경화면으로 적용하기! title: [ani]깜빡이는 표정빽짱구 2004-02-29 19 4744
96 D-day 스크립트 title: [ani]깜빡이는 표정빽짱구 2004-02-29 14 7979
95 마우스 따라다니는 아날로그 시계 title: [ani]깜빡이는 표정빽짱구 2004-02-29 10 5463
94 새로운창 띄우기 title: [ani]깜빡이는 표정빽짱구 2004-03-07 12 6799
93 best of best 레이어를 이용한 움직이는 공지 title: [ani]깜빡이는 표정빽짱구 2004-03-08 34 6650
92 제홈에 쓰인 마우스 오른쪽 금지태그 title: [ani]깜빡이는 표정빽짱구 2004-03-31 10 8958
91 마우스 오른쪽 단추클릭시 경고창 띠우기 title: [ani]깜빡이는 표정빽짱구 2004-04-05 11 5473
90 따라다니는 메뉴 끄기기능까지 title: [ani]깜빡이는 표정빽짱구 2004-04-05 16 5264
목록