관리 메뉴

nkdk의 세상

JS :: 창열림 모션 본문

My Programing/HTML and JavaScript

JS :: 창열림 모션

nkdk 2008. 6. 16. 10:29

  • screen객체
    해상도, 브라우저창과 관련된 정보를 담당합니다.
    • availWidth : 브라우저 창의 너비값을 반환합니다.
    • availHeight : 브라우저 창의 높이값을 반환합니다.
  • window객체
    최상위객체로 브라우저 창과 관련된 속성과 메서드를 지원합니다.
    • moveTo() : 절대적인 좌표로 브라우저를 이동합니다.
    • resizeTo() : 절대적인 좌표로 창의 크기를 설정합니다.

<html>
<script language="JavaScript">
<!--

function size_full() {
var mov_x, mov_y, resize_x, resize_y;
for (var i=0; i<50; i++) {
  mov_x = screen.availWidth * ((50-i)/100);
  mov_y = screen.availHeight * ((50-i)/100);
  window.moveTo(mov_x, mov_y);

  resize_x = screen.availWidth * (i/50);
  resize_y = screen.availHeight * (i/50);
  window.resizeTo(resize_x, resize_y);
}

window.moveTo(0, 0);
window.resizeTo(screen.availWidth, screen.availHeight);
}

// -->
</script>

<body>
<a href="http://www.naver.com" onclick="size_full()">
네이버 바로가기
</a>
</body>
</html>