웹마스터 팁

  2. Support
  3. 웹마스터 팁

스크롤되는 레이어 나두 갖구 싶어서 ^^; 맹글어 봤습니다.

2003.05.28 01:25

M@xPond

아직 초보라 잘은 못만들지만..

그렇다고 기분상해들 하지마세요 ^^;;;;(초민망);

만들다 보니까 좀 이상한점이 있는데요 아래로 내려갈때와 위로 올라갈때의

창 맨위 와 여백을 다르게 줘야 비스무레하게 스더라구요..^^;;

글구 좀 알아보기 쉬우라고 지금 아래 쏘스는 pixel값이 input value로 나오게 해놨거든요

사용하실땐 살짝 편집을 하셔야 할듯하네요 ^^

암튼 다른분들보다는 좀 짧아서 그럭저럭 쓸만할까 해서 올려 봅니다.


예제는 몇일만..^^;;;
예) : http://goweb.netcci.org/scroll.html

<body>~</body>사이에 넣으시면 될듯해요~



------------------------------------------------------------
<!-- 이부분이 보여질 부분입니다...-->
<div id="div_id" style="position:absolute;left:300;">
<table border="1" height="300">
<tr>
<td>여기다 내용을 넣으세요</td>
</tr>
<tr>
<td align="center" style="cursor:hand" onclick="moving_control()">메뉴on/off</td>
</tr>
</table>
</div>
<!-- 여기까지-->

<script type="text/javascript" language="javascript">
<!--
var scroll_pixel,div_pixel,gtpos,gbpos,loop,moving_spd;
var top_margin = 50;         /// 창의 맨위와의 여백 내려올때
var top_margin2 = 100;      /// 창의 맨위와의 여백 올라올때
var speed = 20;            /// 점차 줄어드는 속도를 위한 설정          
var speed2 = 15;           /// setTimeout을 위한 속도 설정
var moving_stat = 1;      /// 메뉴의 스크롤을 로딩시 on/off설정 1=움직임 0은 멈춤

function check_scrollmove()
{
  scroll_pixel = document.body.scrollTop;
        gtpos = document.body.scrollTop+top_margin;
        gbpos = document.body.scrollTop+top_margin2;
  if(div_id.style.pixelTop < gtpos)
        {
         moving_spd = (gbpos-div_id.style.pixelTop)/speed;
         div_id.style.pixelTop += moving_spd;    
        }
        if(div_id.style.pixelTop > gtpos)
        {
         moving_spd = (div_id.style.pixelTop-gtpos)/speed;
         div_id.style.pixelTop -= moving_spd;
        }
        loop = setTimeout("check_scrollmove()",speed2);
}
function moving_control()
{
  if(!moving_stat){ check_scrollmove(); moving_stat = 1;}
        else{ clearTimeout(loop); moving_stat = 0; div_id.style.pixelTop = top_margin;}
}
check_scrollmove();
-->
</script>

----------------------------------
궂이 장점을 찾자면.. 소스가 좀 잛다는...-ㅁ-;
그럼 그만 쓸게요 부탁이니 야단은 처두 욕만은..-_-;;
즐암거나 하세요~~
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
회원가입폼 내멋대로 내맘대로 하기. [9] 지인짜 2010.08.04
[모바일] 모바일웹에서 Pc버전갔다가 다시 모바일버전으로 갈라면 [1] 푸름빠 2011.04.07
XE로 API 처리 완전 정복하기(2) [2] file 라르게덴 2009.11.03
P 개행처리를 BR처럼 Garon 2011.04.04
데이터이전 회원관련해서 알아야 할 사항 [2] 푸름빠 2011.04.03
[PHP 기초] 변수, 상수 [2] 난다날아 2011.03.24
관리자페이지 레이아웃에 게시판을 달아보자 [3] 푸름빠 2011.03.29
"현재 xe코어1.4.4.4버전에서는 익스플로어에서 페이지수정 등의 작업을 할때 에러가 자주 발생하곤 합니다." 유샤인 2011.03.29
디버그모드 변경하는 간단한 파이썬 스크립트 [4] mmx900 2008.04.23
모두 새로 코딩된 선우님의 새로운 레이아웃.... 유샤인 2011.03.28
BGM 넣기 및 간단한 제어 [2] Elinoa 2011.03.26
타이틀에 홈페이지 제목 추가 시키기 [5] file 웹 엔진 2011.03.17
jQuery 강의 #1. css에 대해 이해해보자. [1] 서기 2011.03.03
각 게시판 헤더에 언어 변경 버튼 추가하기 [1] cjsound 2011.03.21
제로보드 관리자 레벨이 관리자 레벨로 안나올때 [5] 나무넷 2007.08.23
사랑비BGM 플레이기 설치하고 제어하기 [2] 스유군 2009.04.28
XE 모듈/스킨 개발시 사용 가능한 변수 알아내기 [3] 도라란 2011.02.27
z-index 값 설정하기... [2] ForHanbi 2011.03.15
UTF-8 파일을 열면 글자가 깨져요 어떤 에디터를 사용해야 하나요? [2] 최소영329 2009.02.03
문자열 처리 함수 + 파일 처리 함수 [1] 999 2011.02.22
태그 쓰기