[javascript] 화면크기 확대축소, 늘이기 줄이기

아래 ★표 안의 스크립트를 그대로 복사하여 사용

★

<script type="text/javascript">

var nowZoom = 100;

function zoomOut(){                                                                       //화면크기축소

nowZoom = nowZoom - 10;

if(nowZoom <= 70) nowZoom = 70;            //화면크기 최대 축소율 70% 

zooms();

}

function zoomIn(){                                                                         //화면크기확대

nowZoom = nowZoom + 20;

if(nowZoom >=200) nowZoom = 200;          //화면크기 최대 확대율 200%

zooms();

}

function zoomReset(){                                                                   //원래 화면크기로 되돌아가기

nowZoom = 100;

zooms();

}

function zooms(){

document.body.style.zoom = nowZoom + '%';

if(nowZoom == 70){

alert ("더 이상 축소할 수 없습니다.");                       //화면 축소율이 70% 이하일 경우 경고창

}

if(nowZoom == 200){

alert ("더 이상 확대할 수 없습니다.");                       //화면 확대율이 200% 이상일 경우 경고창

}

}

</script>

★

스크립트 실행 버튼 태그

<a href="#;" onClick="zoomIn();"><img src="image">혹은 문자</a> 화면확대버튼

<a href="#;" onClick="zoomOut();"><img src="image">혹은 문자</a> 화면축소버튼

<a href="#;" onClick="zoomReset();"><img src="image">혹은 문자</a> 기본설정버튼

* 출처: http://www.ohmysite.co.kr/ab-108830-100&ABPUK=%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80-%ED%99%94%EB%A9%B4%ED%81%AC%EA%B8%B0%EC%A1%B0%EC%A0%88-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8