본문 바로가기
Program

사이트 확대 축소

본문

<HTML>
<HEAD>
<TITLE>Zoom Property Sample</TITLE>


<script>
// +, - 키를 입력하면 화면 확대, 축소를 한다.
 document.onkeypress = getKey;
 
 function getKey(keyStroke) {
  isNetscape=(document.layers);
  eventChooser = (isNetscape) ? keyStroke.which : event.keyCode;
  which = String.fromCharCode(eventChooser).toLowerCase();
  which2 = eventChooser;

  var el=event.srcElement;

  if ((el.tagName != "INPUT") && (el.tagName != "TEXTAREA"))
  {   
   if(which == "+" )
    zoomIn();
   else if(which == "-" )
    zoomOut();
  }
 }
 
function zoomIn() {
  newZoom= parseInt(oZoom.style.zoom)+10+'%'
      oZoom.style.zoom =newZoom;
  }
function zoomOut() {
  newZoom= parseInt(oZoom.style.zoom)-10+'%'
      oZoom.style.zoom =newZoom;
  }
function changeZoom() {
  newZoom= parseInt(oSlider.value)
  oZoom.style.zoom=newZoom+'%';
  }
 
function changeZoom2(oSel) {
  newZoom= oSel.options[oSel.selectedIndex].innerText
  oZoom.style.zoom=newZoom;
  }
function iframeresize(){
var objBody = document.body;
var objFrame = document.all["ifrm1"];

objFrame.style.height = objBody.offsetHeight;
objFrame.style.width = objBody.offsetWidth;
}
</script>
</script>
</HEAD>
<BODY onload="oZoom.style.zoom='100%';iframeresize();" >
 
<!-- The zoomable area -->
<div class="zoomcontainer"  align="center">
<div id="oZoom" class="cZoom" style="zoom:100%" align="center">
<iframe src="http://www.duraboys.net" name=ifrm1 width=500 height=500></iframe>
</div>
</div>
<!-- Displayed code -->
<a href="#" onclick="zoomIn()">ZoomIN</a><a href="#" onclick="zoomOut()">ZoomOut</a>
</map>
</BODY>
</HTML>

[이 게시물은 듀라님에 의해 2015-04-03 10:08:13 워드프레스에서 이동 됨]
[이 게시물은 듀라님에 의해 2015-04-03 10:27:24 Public에서 이동 됨]
[이 게시물은 듀라님에 의해 2015-04-03 10:33:53 팁과강좌에서 이동 됨]
[이 게시물은 최고관리자님에 의해 2017-06-10 14:26:12 JavaScript에서 이동 됨]
0 0
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

l2j (121.♡.101.20) 작성일07-05-02 13:49 조회1,498회 댓글0건

댓글목록

등록된 댓글이 없습니다.

Program 목록

게시물 검색

사이트 정보

  • 회사명 회사명 / 대표 대표자명
  • 주소 OO도 OO시 OO구 OO동 123-45
  • 사업자 등록번호 123-45-67890
  • 전화 02-123-4567 / 팩스 02-123-4568
  • 통신판매업신고번호 제 OO구 - 123호
  • 개인정보관리책임자 정보책임자명

고객센터

  • 02-1234-5678
  • abc@abc.com
  • 월-금 am 11:00 - pm 05:00
  • 점심시간 : am 12:00 - pm 01:00
  • 주말&공휴일은 1:1문의하기를 이용하세요.
상단으로