javascript 팁이 있는 곳입니다.
  • 웹미니 한줄 전광판 영역 입니다.
글 수 109

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>


profile 글쓴이 빽짱구

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

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

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

List of Articles
번호 제목 글쓴이 날짜 추천 수sort 조회 수
89 골때리는 자바스크립트 세계 3탄. 이병준 2010-05-28   7585
88 골때리는 자바스크립트 4탄!!! 이병준 2010-05-28   6598
87 골때리는 자바스크립트 5탄!!! 이병준 2010-05-28   6621
86 골때리는 자바스크립트의 세계 7탄! 이병준 2010-05-28   6931
85 골때리는 자바스크립트의 세계 8탄! 이병준 2010-05-28   6974
84 골때리는 자바스크립트의 세계 9탄! 이병준 2010-05-28   6829
83 골때리는 자바스크립트 번외편!!! 이병준 2010-05-28   7565
82 이미지 클릭시 최적사이즈로 팝업 열리게 하는 스크립트 늘푸른 2010-07-24   8139
81 스위칭 하는 자바스크립트.. 늘푸른 2010-07-24   6899
80 아이폰으로 접속했을떄 특정 페이지로 이동시키는 자바스크립트 주영아빠 2010-10-26   7195
79 롤링 자동 스크립트 웹기프트 2010-11-13   9125
78 이미지에 마우스 올리면... 이미지가 상하로 살짝쌀짝 웹기프트 2010-11-13   7004
77 새로고침할때마다 바뀌는 랜덤배너 소스 title: [ani]깜빡이는 표정빽짱구 2011-07-21   8495
76 오늘날짜 스크립트 title: [ani]깜빡이는 표정빽짱구 2011-10-27   6633
75 모바일 페이지 코딩시 주소창 사라지는 방법 title: [ani]깜빡이는 표정빽짱구 2012-10-12   6234
74 생활코딩이라는 사이트입니다. [3] title: [ani]깜빡이는 표정빽짱구 2014-05-14   2479
73 hit 버튼클릭시 레이어창 띄우기 [1] title: [ani]깜빡이는 표정빽짱구 2008-06-19 1 16596
72 hit [Javascript]버튼클릭시 레이어창 띄우기 file [4] title: [ani]깜빡이는 표정빽짱구 2008-11-13 1 18717
71 '베너가져가기' 클릭 시 "소스"가 복사되는 스크립트 정천 2010-03-05 1 8671
70 클릭시 내용보여주고 숨기기 [1] title: [ani]방울UI 2013-06-25 1 5085