◆ 무한한 가능성/& JAVA Script
[javascript] 화면크기 확대축소, 늘이기 줄이기
치로로
2013. 12. 3. 14:56
아래 ★표 안의 스크립트를 그대로 복사하여 사용
★
<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> 기본설정버튼