안규 공부방

Javascript & JQuery & CSS > example - 화면확대 축소 스크립트

등록일 : 2019-04-04 16:21 조회수 : 260,456

	var nowZoom = 100;
	function zoomIn() {
		nowZoom = nowZoom - 10;
		if(nowZoom <= 70) nowZoom = 70;
		zooms();
	}


	function zoomOut() {
			nowZoom = nowZoom + 20;
			if(nowZoom >= 500) nowZoom = 500;
			zooms();
	}
	
	function zoomReset(){
		nowZoom = 100; 
		zooms();
	}
	
	function zooms(){

		$("body").css("zoom",nowZoom1);
		//또는
		//document.body.style.zoom = nowZoom + '%';
	
		if(nowZoom==70){
			alert ("30% 축소 되었습니다. 더 이상 축소할 수 없습니다.");
		}
		
		if(nowZoom==500){
			alert ("500% 확대 되었습니다. 더 이상 확대할 수 없습니다.");
		}
	}
화면확대 축소 스크립트 예제 입니다.
※ 혹시 도움이 되셨다면 댓글에 한마디 남겨주세요!
작성자   비밀번호
자동글 방지     (자동글 방지 기능입니다.)
내용   댓글달기 
문상혁    2020-08-13 13:32
삭제
익스플로러에서 position:fixed로 지정해둔 컨텐츠는 확대축소 적용이 안되는데 혹시 해결방법이 있을까요?? ㅜㅜ
 
이메일 문의 : cak0280@nate.com  
Copyright 2000 By ENTERSOFT.KR All Rights Reserved.