아이디/비번 기억
  • 봉하마을 방문후기
  • 미디어협동조합 국민TV국민TV의 조합원이 되어주세요!
  • 한국탐사저널리즘센터
현재위치 : HOME > 구구자료실

퀵메뉴스크롤기능켜기끄기

관리자 | 2012.06.12 17:11 | 조회 4603
<html> 
<title>퀵메뉴스크롤기능켜기끄기</title>
<head> 
<meta http-equiv="content-type" content="text/html; charset=euc-kr"> 
<script language="javascript"> 
<!-- 
var stmnLEFT = 10; // 왼쪽 여백 (태그인넷가 왼쪽에서 10픽셀 떨어진 곳에 보여집니다) 
var stmnGAP1 = 10; // 위쪽 여백 (태그인넷가 위에서 10픽셀 떨어진 곳에 보여집니다) 
var stmnGAP2 = 10; // 스크롤시 브라우저 위쪽과 떨어지는 거리 
var stmnBASE = 150; // 스크롤 시작위치 
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 ) / 8 ); 
                STATICMENU.style.top = parseInt(STATICMENU.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); 
                STATICMENU.style.top = stmnGAP1; 
                SaveCookie("ANIMATE", "false", 300); 

function InitializeStaticMenu() 
STATICMENU.style.left = stmnLEFT; 

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

</head> 
<body onLoad="InitializeStaticMenu();"> 
<div id="STATICMENU" style="width:200px; position:absolute; left:100px; top:100px; z-index:1000; border:solid 1px red;">
    <table style="border:solid 1px silver; " cellpadding="0" cellspacing="0" width="200" border="1" bgcolor="#f7f7f7">
        <tr>
            <td><p>내용</p></td>
        </tr>
        <tr>
            <td>
                <p><input id="ANIMATE" type="checkbox" onclick="ToggleAnimate();">스크롤 기능 on/off</p>
            </td>
        </tr>
    </table>
</div>

<div style="width:500px; height:3000px; background:#666; position:relative;"></div>

</body>   
</html> 

미리보기 : http://finalee99.cafe24.com/sos/quick01.html
twitter facebook me2day 요즘
98개(5/5페이지)
소스자료실
번호 제목 글쓴이 조회 날짜
18 [Java] 경고창/경고메세지 띄우기 관리자 9574 2012.06.12 18:45
17 [Java] 레이어 숨기고보이고 관리자 4775 2012.06.12 18:40
16 [etc] 메타태그 모음! 관리자 5424 2012.06.12 18:30
15 [etc] 웹폰트 적용하기 첨부파일 관리자 4433 2012.06.12 18:27
14 [etc] 프린트소스 (IE8,크롬,사파리,파폭 테스트완료) 관리자 7725 2012.06.12 17:49
13 [html/css] CSS초보를 위한 또는! 오랜만에 코딩하는 분을위한! 간단한 CSS모음 관리자 6016 2012.06.12 17:34
12 [html/css] 아이프레임 (iframe) 옵션을 알아보아용~ 관리자 7717 2012.06.12 17:32
11 [html/css] 마우스 오버 소스 (드림위버에서 만들기귀찮아서 ㅋ 복사해둠) 관리자 7811 2012.06.12 17:31
10 [html/css] 우클릭,드래그,선택방지 모음 관리자 9053 2012.06.12 17:30
9 [Java] 주소복사스크랩 관리자 3548 2012.06.12 17:28
8 [html/css] 기초적인 언어별 인클루드 방식 관리자 4814 2012.06.12 17:16
7 [모바일] 스마트폰으로 홈페이지 접속시 자동 모바일홈피로 이동 소스 관리자 9186 2012.06.12 17:15
6 [etc] 실시간검색위젯 첨부파일 관리자 5425 2012.06.12 17:13
>> [Java] 퀵메뉴스크롤기능켜기끄기 관리자 4604 2012.06.12 17:11
4 [모바일] 페이스북식 모바일팝업 관리자 8689 2012.06.08 21:29
3 [모바일] 가로세로모드 다른CSS적용하기 사진 관리자 9281 2012.06.08 21:28
2 [모바일] 모바일 홈페이지 SMS문자,전화,메일 연결하기! 관리자 8272 2012.06.08 21:27
1 [etc] 환율 노출 소스! 외환은행 제공 사진 첨부파일 관리자 6600 2012.06.08 21:23