글
페이지 스크롤에 따라서 부드럽게 움직이는 레이어. 보통 화면 상단으로 올라가는 탑버튼이나 퀵메뉴, 윙배너 구현에 사용된다. IE6, IE7, FF2, Opera9, Safari3에서 테스트 완료. 위치(position)값이 양수이면 브라우저의 상단으로 부터의 거리, 음수이면 하단으로 부터의 거리로 계산이 된다. HTML 소스 <div id="gotop">
<a href="#head" title="상단으로"><img src="/images/nav/top.gif" alt="Top"></a>
</div>
<script type="text/javascript">initMoving(document.getElementById("gotop"), 66, 66, 250);</script> 개선할점 온로드(onload)시에 적용 : 온로드 이전에 적용하면 페이지 높이가 충분하지 않아서 하단쯤에 이동이 잘 되지 않는 경우가 발생 %단위 입력 참고링크 W3C DOM Compatibility - CSS Object Model View http://hyeonseok.com/pmwiki/index.php/Javascript/SmoothMovingLayer
<a href="#head" title="상단으로"><img src="/images/nav/top.gif" alt="Top"></a>
</div>
<script type="text/javascript">initMoving(document.getElementById("gotop"), 66, 66, 250);</script> 개선할점 온로드(onload)시에 적용 : 온로드 이전에 적용하면 페이지 높이가 충분하지 않아서 하단쯤에 이동이 잘 되지 않는 경우가 발생 %단위 입력 참고링크 W3C DOM Compatibility - CSS Object Model View http://hyeonseok.com/pmwiki/index.php/Javascript/SmoothMovingLayer
'JS > 자바의심' 카테고리의 다른 글
| BigTarget.js - Increase the size of click targets and get more call-to-action conversions (0) | 2009.02.23 |
|---|---|
| 웹 개발자, 웹 디자이너를 위한 16가지의 자바 스크립트 / Ajax 효과 (0) | 2009.01.04 |
| 웹페이지의 풀다운메뉴와 트리메뉴 (0) | 2008.10.24 |
| 해상도 별 배경 적용하기 (0) | 2008.10.17 |
| IE6 이하의 버전들을 IE7처럼 보이게 하는 JS라이브러리 (0) | 2008.07.29 |
| input type=text, select가 아닌 자바스크립트로 흉내내기 (0) | 2008.07.06 |
| input text 자동 형식으로 변경하기 (0) | 2008.07.06 |
| Ajax Shopping Cart (0) | 2008.07.06 |
| Better File Uploads with AJAX and JavaServer Faces (0) | 2008.07.06 |
| Ajax Domain Search (0) | 2008.05.23 |
RECENT COMMENT