s

퀵메뉴

<div id="floater2" style="position:absolute;z-index:5;">
내용
</div>
<script type="text/jscript">
<!--
// 스크립트는 반드시 스크롤될 내용 아래쪽에 넣습니다. 안그럼 오류가 발생합니다.
// 스크롤바 따라다니는 메뉴

var stmnLEFT = 21; // 스크롤메뉴의 좌측 위치
var stmnGAP1 = 112; // 페이지 헤더부분의 여백 (이보다 위로는 올라가지 않음)
var stmnGAP2 = 50; // 스크롤시 브라우저 상단과 약간 띄움. 필요없으면 0으로 세팅
var stmnBASE = 68; // 스크롤메뉴 초기 시작위치 (아무렇게나 해도 상관은 없지만 stmnGAP1과 약간 차이를 주는게 보기 좋음)
var stmnActivateSpeed = 2; // 움직임을 감지하는 속도 (숫자가 클수록 늦게 알아차림)
var stmnScrollSpeed = 1; // 스크롤되는 속도 (클수록 늦게 움직임)
var stmnTimer;

function RefreshStaticMenu() {
  var stmnStartPoint, stmnEndPoint, stmnRefreshTimer;
  stmnStartPoint = parseInt(floater2.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 );
    floater2.style.top = parseInt(floater2.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount );
    stmnRefreshTimer = stmnScrollSpeed;
  }

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

function InitializeStaticMenu() {
  floater2.style.top = document.body.scrollTop + stmnBASE;
  RefreshStaticMenu();
  floater2.style.left = stmnLEFT;
}
//-->
</script>
<script type="text/jscript">InitializeStaticMenu();</script>

|

댓글 1개

댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
13-02-27 조회 4,071
13-02-27 조회 3,415
13-02-27 조회 6,726
13-02-27 조회 4,114
13-02-26 조회 1.2만
13-02-26 조회 3,596
13-02-26 조회 3,870
13-02-26 조회 6,231
13-02-26 조회 3,824
13-02-26 조회 4,712
13-02-26 조회 6,513
13-02-26 조회 4,034
13-02-25 조회 3,969
13-02-24 조회 8,152
13-02-24 조회 4,230
13-02-24 조회 3,481
13-02-24 조회 5,283
13-02-24 조회 5,284
13-02-24 조회 4,352
13-02-24 조회 5,690
13-02-24 조회 9,377
13-02-24 조회 5,004
13-02-22 조회 3,531
13-02-21 조회 4,668
13-02-21 조회 4,783
13-02-20 조회 5,488
13-02-19 조회 3,336
13-02-19 조회 4,457
13-02-19 조회 3,185
13-02-19 조회 4,804
13-02-18 조회 5,468
13-02-18 조회 3,624
13-02-16 조회 6,900
13-02-15 조회 1.3만
13-02-15 조회 4,165
13-02-15 조회 5,436
13-02-14 조회 5,073
13-02-14 조회 5,536
13-02-13 조회 8,996
13-02-12 조회 5,261
13-02-12 조회 5,938
13-02-12 조회 3,939
13-02-07 조회 3,522
13-02-06 조회 4,584
13-02-05 조회 8,917
13-02-05 조회 4,196
13-02-05 조회 7,625
13-02-04 조회 3,479
13-02-04 조회 7,220
13-02-04 조회 4,156
13-02-03 조회 3,998
13-02-02 조회 4,022
13-02-02 조회 4,133
13-02-01 조회 3,339
13-02-01 조회 3,309
13-02-01 조회 2.3만
13-01-31 조회 3,238
13-01-31 조회 3,984
13-01-30 조회 3,938
13-01-30 조회 4,222
13-01-30 조회 6,349
13-01-30 조회 3,469
13-01-30 조회 5,033
13-01-29 조회 7,645
13-01-28 조회 3,485
13-01-28 조회 6,776
13-01-28 조회 4,003
13-01-28 조회 6,721
13-01-28 조회 3,763
13-01-25 조회 4,855
13-01-25 조회 3,811
13-01-25 조회 5,097
13-01-25 조회 1.1만
13-01-24 조회 4,884
13-01-24 조회 4,760
13-01-24 조회 4,412
13-01-24 조회 3,355
13-01-24 조회 5,002
13-01-24 조회 4,877
13-01-23 조회 3,352
13-01-23 조회 4,036
13-01-23 조회 3,419
13-01-23 조회 3,558
13-01-23 조회 4,176
13-01-22 조회 6,678
13-01-21 조회 5,118
13-01-20 조회 5,190
13-01-20 조회 6,804
13-01-20 조회 6,523
13-01-19 조회 6,252
13-01-19 조회 7,110
13-01-18 조회 3,860
13-01-18 조회 8,890
13-01-18 조회 4,044
13-01-18 조회 3,941
13-01-18 조회 6,168
13-01-18 조회 5,846
13-01-18 조회 8,381
13-01-18 조회 5,717
13-01-18 조회 6,220