티스토리 뷰

<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>


Total
Today
Yesterday
최근에 올라온 글
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31