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

★

<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> 기본설정버튼