화면 스크롤시 같이 스크롤 되는 메뉴 자바스크립트
Author : 금봉이 / Date : 2008. 10. 19. 15:17 / Category : 관심꺼리.log/스크랩.dbf
<script type="text/javascript">
<!--
var stmnLEFT = 700; // 왼쪽 여백 (메뉴가 왼쪽에서 720픽셀 떨어진 곳에 보여집니다)
var stmnGAP1 = 200; // 위쪽 여백 (메뉴가 위에서 500픽셀 떨어진 곳에 보여집니다)
var stmnGAP2 = 200; // 스크롤시 브라우저 위쪽과 떨어지는 거리
var stmnBASE = -20; // 스크롤 시작위치
var stmnActivateSpeed = 5;
var stmnScrollSpeed = 5;
var stmnTimer;
function RefreshStaticMenu() {
var stmnStartPoint, stmnEndPoint;
stmnStartPoint = parseInt(document.getElementById('STATICMENU').style.top, 10);
stmnEndPoint = Math.max(document.documentElement.scrollTop, document.body.scrollTop) + stmnGAP2;
if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;
if (stmnStartPoint != stmnEndPoint) {
stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
document.getElementById('STATICMENU').style.top = parseInt(document.getElementById('STATICMENU').style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount ) + 'px';
stmnRefreshTimer = stmnScrollSpeed;
}
stmnTimer = setTimeout("RefreshStaticMenu();", stmnActivateSpeed);
}
function InitializeStaticMenu() {
document.getElementById('STATICMENU').style.display = 'block';
document.getElementById('STATICMENU').style.left = stmnLEFT + 'px';
document.getElementById('STATICMENU').style.top = document.body.scrollTop + stmnBASE + 'px';
RefreshStaticMenu();
}
//-->
</script>
…
<body onload="InitializeStaticMenu();">'관심꺼리.log > 스크랩.dbf' 카테고리의 다른 글
| 당신의 블로그에 ie6타고 온 방문자를 계도해 보세요. (2) | 2009.09.11 |
|---|---|
| Microsoft Office Outlook 2007에서 정보 및 구성이 저장되는 위치 (0) | 2009.05.13 |
| 알쏭달쏭 주택청약종합저축 집중탐구 (0) | 2009.04.30 |
| 화면 스크롤시 같이 스크롤 되는 메뉴 자바스크립트 (0) | 2008.10.19 |
| 가방 소재별 가방 손질법을 알아봐요 (0) | 2008.10.13 |
| 랜선을 만들때 이 그림 보면 땡~! (0) | 2008.10.10 |
| 미라지 튠 (2) | 2008.10.10 |
Tags : JavaScript, Skin, 블로그, 자바스크립트
Recent
Blog Information
금봉이