html
스크롤시에도 고정위치배너
갓리버리
2009. 4. 24. 14:37
★★★<script>소스는 바디안에들어가야한다.
스크롤시고정위치배너(이미지만 가능)
위치고정을 할때 레이어로 레프트나 라이트 마진값을 줘서 고정을 했지만
스크롤했을때 위치가 고정되지않는다는 단점이 발견되어서 찾은 소스이다.
스크롤했을때도 위치에 고정할수 있는 js 소스이다.
배너위치는 js파일에 주석으로 표시를 해 놓았다.(한글깨져있음)
센터정렬위치로 할때는 위치넣는 곳에다음 소스로 주면 된다.
(document.body.clientWidth-logo.style.pixelWidth)/2
맨 윗줄에있는 소스는 배너의 가로세로 크기이다.
스크롤시고정위치배너(플래시1개만 가능)
위와같은 원리지만 플래시 1개만 가능하다. 여러개사용하면 안됨
따라다니는 4측면양끝네비게이션
바른씨엔씨 홈페이지에 넣은 소스
테이블 하나에 효과를 주었고 사실상 위와 원리는 같다.
레이어 하나를 전체화면으로 잡아서 테이블을 나눈후에 4측면 끝에 정렬하도록 만든 소스.
소스도 깔끔하고 셋중에는 이게 제일 좋은것같다. (소스원본_(구)인하드)
헤드가끝나고 바로넣으면 된다.(바디시작직전부분)
결국엔 완성 4측양면네비게이션_본문에 링크자유자재
위의 따라다니는 4측네비게이션(3번째파일)은
본문에서 링크가 안걸린다는 치명적인 약점을 발견하고
수정한것이 첫번째소스와3번째소스를 결합해서만든 이 네번째파일이다
구조는 ( 왼쪽정렬따라다니는레이어 + 우측정렬따라다니는 레이어 + 스크롤따라다니는이미지 )이다
위치고정을 할때 레이어로 레프트나 라이트 마진값을 줘서 고정을 했지만
스크롤했을때 위치가 고정되지않는다는 단점이 발견되어서 찾은 소스이다.
스크롤했을때도 위치에 고정할수 있는 js 소스이다.
배너위치는 js파일에 주석으로 표시를 해 놓았다.(한글깨져있음)
센터정렬위치로 할때는 위치넣는 곳에다음 소스로 주면 된다.
(document.body.clientWidth-logo.style.pixelWidth)/2
맨 윗줄에있는 소스는 배너의 가로세로 크기이다.
스크롤시고정위치배너(플래시1개만 가능)
위와같은 원리지만 플래시 1개만 가능하다. 여러개사용하면 안됨
따라다니는 4측면양끝네비게이션
바른씨엔씨 홈페이지에 넣은 소스
테이블 하나에 효과를 주었고 사실상 위와 원리는 같다.
레이어 하나를 전체화면으로 잡아서 테이블을 나눈후에 4측면 끝에 정렬하도록 만든 소스.
소스도 깔끔하고 셋중에는 이게 제일 좋은것같다. (소스원본_(구)인하드)
헤드가끝나고 바로넣으면 된다.(바디시작직전부분)
결국엔 완성 4측양면네비게이션_본문에 링크자유자재
위의 따라다니는 4측네비게이션(3번째파일)은
본문에서 링크가 안걸린다는 치명적인 약점을 발견하고
수정한것이 첫번째소스와3번째소스를 결합해서만든 이 네번째파일이다
구조는 ( 왼쪽정렬따라다니는레이어 + 우측정렬따라다니는 레이어 + 스크롤따라다니는이미지 )이다