zoom 要素を拡大縮小する

zoom:(値)
・要素を拡大縮小する。IE独自機能
・ブロック要素が対象

(値)
　normal　･･･(初期値)元のサイズ
　数値　･･･元のサイズに対する割合、1が元サイズ。
　%　･･･元のサイズに対する拡大率･縮小率、100%が元サイズ

Sample

Zoomスタイル

Sample Source......................................................................>>>

<script language="JavaScript"><!--
function Zoom(){
  el = eval(form1.elem.value);
  num = form1.val.value;
  el.style.zoom = num + "%";
}
function PageZoom(bul){
 if(bul)dv.style.zoom = "1.2";
 else dv.style.zoom = "normal";
}
//--></script>
</head>

<body>
<img id="pic" src="../../images/cut/umeuguisu.gif">
<p id="sp" style="color:green;font-size:28px">Zoomスタイル</p>

<form name="form1">
 <p>上の 
  　<select name="elem">
   　　<option value="pic">画像</option>
   　　<option value="sp" selected>文字列</option>
  　</select>
  　を 
  　<select name="val">
   　　<option value="30">0.3倍</option>
   　　<option value="50" selected>0.5倍</option>
   　　<option value="100">等倍</option>
   　　<option value="150">1.5倍</option>
   　　<option value="200">2倍</option>
  　</select>
  に 
  <input type="button" name="zoom" value="Zoomする" onclick="Zoom()">

  下のSampleSourceを 
  <input type="button" value="1.2倍にZoom" onclick="PageZoom(true)">する／ 
  <input type="button" value="元に戻す"  onclick="PageZoom(false)">
 </p>
</form>