티스토리 뷰
<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>
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>
'Language > JavaScript' 카테고리의 다른 글
[ JavaScript ] 문자열 치환 : replace (1) | 2024.02.26 |
---|---|
[ JavaScript ] 글자나 그림 깜빡이는 효과 - Blink 효과 (0) | 2016.03.22 |
[ JavaScript_JS ] 단축키 지정 - Shortcuts (0) | 2015.11.29 |
[ JavaScript ] 창 외부 베너 스크롤시 따라다니는 베너 - scroll banner (0) | 2015.11.29 |
[ JavaScript ] scroll - 스크롤 이벤트 - 스크롤이 하단에 닫으면 실행 (0) | 2015.11.29 |